CSS间距类

Quasar提供了CSS类来帮助您为DOM元素或组件提供间距。

语法

q-[p|m][t|r|b|l|a|x|y]-[none|xs|sm|md|lg|xl]
T D S

T - type
- values: p (padding), m (margin)

D - direction
- values:
t (top), r (right), b (bottom), l (left),
a (all), x (both left & right), y (both top & bottom)

S - size
- values:
none,
xs (extra small),
sm (small),
md (medium),
lg (large),
xl (extra large)

例子

<!-- 所有方向小的padding -->
<div class="q-pa-sm">...</div>

<!-- 项部中margin, 右边小margin -->
<q-card class="q-mt-md q-mr-sm">...</q-card>