CSS 橫向?qū)R方式text-align

提問人：劉團(tuán)圓發(fā)布時間：2020-11-18

text-align屬性規(guī)定元素的水平對齊方式。

該屬性通過指定行框與哪個點(diǎn)對齊，從而設(shè)置塊級元素內(nèi)文本的水平對齊方式。通過允許用戶代理調(diào)整行內(nèi)容中字母和字之間的間隔，可以支持值justify。不同用戶代理可能會得到不同的結(jié)果。text-align屬性的值可以是以下幾種：

?left：把文本排列到左邊。默認(rèn)值由瀏覽器決定。

?right：把文本排列到右邊。

?center：把文本排列到中間。

?justify：實(shí)現(xiàn)兩端對齊文本效果。

?inherit：規(guī)定應(yīng)該從父元素繼承text-align屬性的值。

【例題】設(shè)置文本的橫向?qū)R方式

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

text-indent: left;

}

div{

text-align: center;

}

span{

text-align: right;

}

</style>

</head>

<body>

<p>這是默認(rèn)的水平對齊方式left</p>

<hr>

<div>這是居中的水平對齊方式center</div>

<hr>

<span>這是右邊的水平對齊方式right</span>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)