CSS: layout

.--display-flex — Tiện ích hiển thị và căn chỉnh văn bản — .--display-<value> và .--text-align-<value> — dưới dạng các lớp toàn cục có thể kết hợp, dùng độc lập hoặc nối vào bất kỳ thành phần nào.

Source: index.ts

Sử dụng

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

Các ví dụ

<div class="--display-flex --text-align-center">
  <span>One</span>
  <span>Two</span>
</div>

Bộ sửa

Bộ sửa	Mô tả
.--display-flex	Thiết lập display: flex.
.--display-*	Tiện ích hiển thị: block, inline-block, inline, flex, inline-flex và none.
.--text-align-*	Tiện ích căn chỉnh văn bản: start, center, end và justify.