Foundation-typography-text-alignment
提供:Dev Guides
基礎-テキストの配置
説明
.text-left、.text-right、.text-center、または_.textjustify_クラスを追加することにより、要素のテキストを整列できます。 テキスト配置クラスの前にブレークポイントを配置することにより、その画面サイズまたはそれより大きいサイズにのみ適用されるように配置が行われます。 たとえば、_。medium-textcenter_は、最小の画面ではテキストを左に揃えますが、画面サイズが中程度以上の場合は中央に変わります。
例
次の例は、Foundationでの_text alignment_の使用を示しています。
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコード typography_text_alignmentl ファイルを保存します。
- このHTMLファイルをブラウザで開くと、次のように出力が表示されます。