-
text-align
鎖定
text-align作為HTML元素屬性其主要是用來文本水平居中的。
text-align語法
該屬性通過指定行框與哪個點對齊,從而設置塊級元素內文本的水平對齊方式。通過允許用户代理調整行內容中字母和字之間的間隔,可以支持值 justify;不同用户代理可能會得到不同的結果。
默認值: | left if direction is ltr, and right if direction is rtl |
---|---|
繼承: | yes |
版本: | |
JavaScript 語法: | object.style.textAlign="right" |
text-align:屬性值;
屬性 | 説明 |
left | 默認值,左對齊 |
居中對齊 | |
right | 右對齊 |
justify | 兩端對齊 |
inherit | 規定應該從父元素繼承 text-align 屬性的值。 |
text-align屬性只能針對文本文字和img標籤,對其他標籤無效。
text-align註釋
text-align:center;不同於html中的<center></center>屬性,<center>是將所有被包含的元素都居中顯示,而text-align:center只是將元素下面的內聯元素居中顯示。
text-align實例
<html>
<head>
<title>text-align</title>
</head>
<body>
<p style="text-align:left;">文本向左</p>
<p style="text-align:right;">文本向右</p>
<p style="text-align:center;">文本居中</p></body>
</html>
- 參考資料
-
- 1. 文本水平對齊text-align .綠葉學習網.2015-04-17[引用日期2015-06-19]
- 2. CSS text-align .W3Cschool[引用日期2018-03-16]
- 3. css text-align 屬性 .w3school 在線教程[引用日期2012-11-08]