text-align作為HTML元素屬性其主要是用來文本水平居中的。
基本介紹
- 外文名：text-align
- 實質：HTML元素屬性
- 作用：文本水平居中
- 套用：文檔
語法,注釋,實例,
語法
在CSS中，使用text-align屬性控制文本的水平方向的對齊方式：左對齊、居中對齊、右對齊。
該屬性通過指定行框與哪個點對齊，從而設定塊級元素內文本的水平對齊方式。通過允許用戶代理調整行內容中字母和字之間的間隔，可以支持值 justify；不同用戶代理可能會得到不同的結果。
| 默認值： | left if direction is ltr, and right if direction is rtl |
|---|---|
| 繼承： | yes |
| 版本： | |
| JavaScript 語法： | object.style.textAlign="right" |
text-align:屬性值;
text-align屬性取值如下表：
屬性 | 說明 |
left | 默認值，左對齊 |
居中對齊 | |
right | 右對齊 |
justify | 兩端對齊 |
inherit | 規定應該從父元素繼承 text-align 屬性的值。 |
text-align屬性只能針對文本文字和img標籤，對其他標籤無效。
注釋
text-align:center；不同於html中的<center></center>屬性，<center>是將所有被包含的元素都居中顯示，而text-align：center只是將元素下面的內聯元素居中顯示。
實例
<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>
