縮進(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>
運(yùn)行結(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:從右到左