html對齊屬性align

2012/11/16 11:43:52作者：佚名來源：網(wǎng)絡

移動端

【實例介紹】

html對齊屬性align

水平線在默認情況下是居中對齊的，如果想讓水平線左對齊或右對齊，就需要設置對齊方式。

【基本語法】

【語法介紹】

在該語法中對齊方式可以有3種，包括center、left和right，其中center的效果與默認的效果相同。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>水平線的對齊屬性</title>
</head>
<body>
<p>　 　　　　　　　　　　　　　　做新時代人，開創(chuàng)新時代文化 <br />
</p>
<hr align="center" size="3" width="500" noshade>
　
　企業(yè)文化不是企業(yè)王冠上的裝飾品，更不是企業(yè)成功之后的附庸風雅。
</p>
<p> 　<hr width="200" size="3" align="left" noshade>　　
企業(yè)文化的核心是價值觀，其實先要看員工行為和工作氛圍。企業(yè)文化的
　<hr width="200" size="3" align="right" noshade>
希望通過企業(yè)文化，使集團以新的形象、新的風采，在新的世紀里穩(wěn)步發(fā)展壯大。 </p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標記為設置水平線的對齊方式，在瀏覽器中預覽，可以看到水平線不同對齊方式的效果，如圖所示。

對齊屬性align運行效果