縮進(jìn)文本
text-indent
例：p {text-indent:5em}
- 注：text-indent可應(yīng)用于所有塊級元素，但不能應(yīng)用于行內(nèi)元素。關(guān)于行內(nèi)元素和塊級元素請戳進(jìn)去塊級元素&行內(nèi)元素，此屬性也可以繼承。
水平對齊
text-align
- left:左對齊
- right：右對齊
- center：居中(元素內(nèi)的文本)
- <center>:居中（整個元素居中）
- justify：兩端對齊文本，文本行的左右兩端都放在父元素的內(nèi)邊界上通過調(diào)整單詞和字母間的間隔，使各行的長度恰好相等。
舉例如下：
<html>
<head>
<style type="text/css">.spread {text-align:left} .tight {text-align:justify} .text{ background:green; width:80px; }</style></head>
<body>
<div class="text">
<p class="spread">This is some text. This is some text.</p>
<br>
<p class="tight">This is some text. This is some text.</p></div>
</body>
</html>
運行結(jié)果
字間隔
word-spacing
- 設(shè)置正值增大字間距，設(shè)置負(fù)值減小字間距
p{word-spacing:20px}
字母間隔
letter-spacing
- 注：理解字間隔&字母間隔，用法與字間隔相同。
文本裝飾
text-decoration
- none
- underline：下劃線
- overline：頂部一條線
- line-through：一條貫穿線
- blink：文本閃爍
字符轉(zhuǎn)換
text-transform
- none
- uppercase:轉(zhuǎn)大寫
- lowercase轉(zhuǎn)小寫
- capitalize:每個單詞首字母大寫
處理空白符
white-space
具體如下：
white-space各值對應(yīng)的處理
文本方向
direction
- ltr(默認(rèn)):從左到右
- rtl：從右到左
