css中text-align的作用是什么

發(fā)布時間：2021-07-05 17:05:05 來源：億速云閱讀：174 作者：chen 欄目：web開發(fā)

這篇文章主要介紹“css中text-align的作用是什么”，在日常操作中，相信很多人在css中text-align的作用是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css中text-align的作用是什么”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

text-align的中文意思為“水平對齊”，是css中一個用于指定元素文本水平對齊方式的屬性；語法格式“text-align:值;”，值可以是left（左對齊）、right（右對齊）、center（居中對齊）、justify（兩端對齊）。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

text-align是css中一個內(nèi)置屬性，用于指定元素文本的水平對齊方式。

可以設(shè)置的屬性值：

值	描述
left	把文本排列到左邊。默認(rèn)值：由瀏覽器決定。
right	把文本排列到右邊。
center	把文本排列到中間。
justify	實現(xiàn)兩端對齊文本效果。

示例：

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

			p.date {
				text-align: right;
			}

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

	<body>
		<h2>CSS text-align 實例</h2>
		<p class="date">2015 年 3 月 14 號</p>
		<p class="main">“當(dāng)我年輕的時候，我夢想改變這個世界；當(dāng)我成熟以后，我發(fā)現(xiàn)我不能夠改變這個世界，我將目光縮短了些，決定只改變我的國家；當(dāng)我進入暮年以后，我發(fā)現(xiàn)我不能夠改變我們的國家，我的最后愿望僅僅是改變一下我的家庭，但是，這也不可能。當(dāng)我現(xiàn)在躺在床上，行將就木時，我突然意識到：如果一開始我僅僅去改變我自己，然后，我可能改變我的家庭；在家人的幫助和鼓勵下，我可能為國家做一些事情；然后，誰知道呢?我甚至可能改變這個世界?！?lt;/p>
	</body>

</html>

效果圖：

css中text-align的作用是什么

到此，關(guān)于“css中text-align的作用是什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

向AI問一下細(xì)節(jié)

css中text-align的作用是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽