位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > CSS > 問(wèn)題詳情

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

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

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

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

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

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

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

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

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

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

    代碼如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

p{

text-indent: left;

}

div{

text-align: center;

}

span{

text-align: right;

}

</style>

</head>

<body>

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

<hr>

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

<hr>

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

</body>

</html>

image.png

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部