ホームページ > 記事 > ウェブフロントエンド > CSSで両端を揃えるコードは何ですか
CSSで両端を揃えるコードは何ですか
- WBOYオリジナル
- 2021-12-30 15:13:023281ブラウズ
CSS では、2 つのコードの配置を設定するコードは「要素 {text-align:justify;}」です。「text-align」属性はテキストの水平方向の配置を設定するために使用されます。指定した要素の属性値が設定されている場合 両端揃えの場合、要素は横方向に2分割で配置されます。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
CSS で両端を揃えるためのコードは何ですか?
text-align 属性は、要素のテキストの水平方向の配置を指定します。
属性値は次のとおりです。
left テキストを左に配置します。デフォルト: ブラウザによって決定されます。
#右 テキストを右に配置します。
#center テキストを中央に配置します。
#justify テキストを両端に揃える効果を実現します。
#inherit text-align 属性の値を親要素から継承することを指定します。
構文は次のとおりです:
元素{
text-align:justify;
}例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>123</title>
<style type="text/css">
p{
text-align:justify;
}
p i{
display:inline-block;
width:100%;
}
</style>
</head>
<body>
<p>两端对齐文本<i></i></p>
</body>
</html>出力結果:
(学習ビデオ共有: css ビデオ チュートリアル)
以上がCSSで両端を揃えるコードは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでの繰り返しの意味は何ですか次の記事：CSSでの繰り返しの意味は何ですか