テキストアライメント[配置]クラスを使用して、テキストを簡単に配置できます。 開始、終了、中央揃えには、グリッドシステムと同じ viewport 幅のブレークポイントを使用するレスポンシブクラスが利用できます。
Bắt đầu căn chỉnh văn bản trên tất cả các kích thước khung nhìn
Văn bản được căn giữa trên tất cả các kích thước khung nhìn
Kết thúc văn bản được căn chỉnh trên tất cả các kích thước khung nhìn
Bắt đầu căn chỉnh văn bản trên khung nhìn có kích thước SM [nhỏ] hoặc rộng hơn
Bắt đầu căn chỉnh văn bản trên cổng xem có kích thước MD [trung bình] hoặc rộng hơn
Bắt đầu căn chỉnh văn bản trên khung nhìn có kích thước LG [lớn] hoặc rộng hơn
Bắt đầu căn chỉnh văn bản trên khung nhìn có kích thước XL [cực lớn] hoặc rộng hơn
Start aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
End aligned text on all viewport sizes.
Start aligned text on viewports sized SM [small] or wider.
Start aligned text on viewports sized MD [medium] or wider.
Start aligned text on viewports sized LG [large] or wider.
Start aligned text on viewports sized XL [extra-large] or wider.
Lưu ý rằng chúng tôi không cung cấp các lớp tiện ích cho văn bản được căn đều. Mặc dù, về mặt thẩm mỹ, văn bản được căn đều có thể trông hấp dẫn hơn, nhưng nó làm cho khoảng cách từ trở nên ngẫu nhiên hơn và do đó khó đọc hơn
Gói và tràn văn bản
This text should wrap.
5 でテキストを折り返しできます。
This text should wrap.
This text should wrap.
6 にするとテキスト折り返しを抑止します。Văn bản này sẽ tràn cha mẹ
This text should overflow the parent.
ngắt từ
This text should wrap.
7 を使って
This text should wrap.
8 と
This text should wrap.
9 を設定することで、長い文字列がレイアウトを崩すのを防ぎます。ブラウザのサポート範囲を広げるために、より一般的な
This text should overflow the parent.
0 の代わりに
This text should overflow the parent.
1 を使用し、フレックスコンテナの問題を避けるために非推奨の
This text should wrap.
9 を追加します。mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
This text should wrap.
1chuyển đổi văn bản
テキストの大文字・小文字化、capitalization クラスを利用できます。
Chữ thường
Văn bản viết hoa
CapiTaliZed văn bản
This text should wrap.
2
This text should overflow the parent.
3 は各単語の最初の文字だけを変更します。Cỡ chữ
見出しクラス(例:
This text should overflow the parent.
4–
This text should overflow the parent.
5)は
This text should overflow the parent.
6、
This text should overflow the parent.
7、および
This text should overflow the parent.
8を適用します. 下記の例は
This text should overflow the parent.
6 を適用します。サイズは 見出し要素と一致しているので、数値を上げるとサイズが小さくなります。văn bản fs-1
văn bản fs-2
văn bản fs-3
văn bản fs-4
văn bản fs-5
văn bản fs-6
This text should wrap.
0Sass マップの
This text should wrap.
10を変更することで、利用可能な
This text should overflow the parent.
6をカスタマイズすることができます。
This text should wrap.
3Trọng lượng phông chữ và chữ nghiêng
テキストの
This text should overflow the parent.
7 や
This text should wrap.
13 を変更できます。
This text should wrap.
13 utilities は
This text should wrap.
15と省略され、
This text should overflow the parent.
7 utilities は
This text should wrap.
17と省略されます。Chữ in đậm
Văn bản có trọng lượng đậm hơn [so với phần tử gốc]
văn bản trọng lượng bình thường
Văn bản trọng lượng nhẹ
Văn bản có trọng lượng nhẹ hơn [so với phần tử gốc]
chữ nghiêng
Văn bản với kiểu phông chữ bình thường
This text should wrap.
0Chiều cao giữa các dòng
This text should wrap.
18 ユーティリティで line-height を変更できます。Đây là một đoạn văn dài được viết để cho thấy chiều cao của một phần tử bị ảnh hưởng như thế nào bởi các tiện ích của chúng tôi. Các lớp được áp dụng cho chính phần tử hoặc đôi khi là phần tử cha. Các lớp này có thể được tùy chỉnh khi cần với API tiện ích của chúng tôi