CSS: layout

.--display-flex — 顯示及文字對齊工具 — .--display-<value> 與 .--text-align-<value> — 作為可組合的全域類別，可單獨使用或串接於任何元件上。

Source: index.ts

使用方法

@import "@pantoken/components/utilities.css";

範例

<div class="--display-flex --text-align-center">
  <span>一</span>
  <span>二</span>
</div>

修飾器

修飾器	說明
.--display-flex	設定 display: flex。
.--display-*	顯示工具：block、inline-block、inline、flex、inline-flex 以及 none。
.--text-align-*	文字對齊工具：start、center、end 以及 justify。