css 间距类

Quasar提供了一些CSS类来帮助您分隔DOM元素或组件。所有选项都带有前缀，q-然后细分为类型（T），方向（D）和大小（S）。有关所有可能的排列，请参见下表。
句法

句法

q-[p|m][t|r|b|l|a|x|y]-[none|auto|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,
      auto (ONLY for specific margins: q-ml-*, q-mr-*, q-mx-*),
      xs (extra small),
      sm (small),
      md (medium),
      lg (large),
      xl (extra large)

例子

<!-- small padding in all directions -->
<div class="q-pa-sm">...</div>
<!-- medium margin to top, small margin to right -->
<q-card class="q-mt-md q-mr-sm">...</q-card>

其他相关