ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSS における text-align とは何を意味しますか?

CSS における text-align とは何を意味しますか?

青灯夜游
青灯夜游オリジナル
2021-07-05 16:35:5722221ブラウズ

text-align は中国語で「水平方向の配置」を意味し、要素テキストの水平方向の配置を指定するために使用される CSS の属性です。構文形式は「text-align: value;」で、値はそのままにすることができます。 (左揃え)、右(右揃え)、中央(中央揃え)、両端揃え(両端揃え)。

CSS における text-align とは何を意味しますか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS における text-align とは何を意味しますか?

text-align は、要素テキストの水平方向の配置を指定するために使用される CSS の組み込みプロパティです。

設定できる属性値:

#rightテキストを右に配置します。 centerテキストを中央に配置します。 justifyテキストを両端に揃える効果を実現します。
Value Description
left テキストを左に配置します。デフォルト: ブラウザによって決定されます。
例:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			h1 {
				text-align: center;
			}

			p.date {
				text-align: right;
			}

			p.main {
				text-align: justify;
			}
		</style>
	</head>

	<body>
		<h1>CSS text-align 实例</h1>
		<p class="date">2015 年 3 月 14 号</p>
		<p class="main">“当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。”</p>
	</body>

</html>

レンダリング:


CSS における text-align とは何を意味しますか?

(ビデオをご覧ください)共有:

css ビデオ チュートリアル )

以上がCSS における text-align とは何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。