CSS文本

導(dǎo)航: 上一頁(yè) | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

目錄

• 1 text-indent
• 2 text-overflow
• 3 vertical-align
• 4 layout-flow

text-indent

語(yǔ)法:text-indent : length
取值：length  :　 百分比數(shù)字 | 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值，允許為負(fù)值。
說(shuō)明：檢索或設(shè)置對(duì)象中的文本的縮進(jìn)。默認(rèn)值為 0 。
在被另一個(gè)對(duì)象(如 br )斷開(kāi)的對(duì)象內(nèi)不能應(yīng)用本屬性,此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。 對(duì)應(yīng)的腳本特性為 textIndent 。
示例：
DIV { text-indent:2cm }
.click1 { text-indent:50% }
.click2 { text-indent: }

text-overflow

語(yǔ)法：text-overflow : clip | ellipsis
取值：
clip  :　 默認(rèn)值。不顯示省略標(biāo)記(...)，而是簡(jiǎn)單的裁切
ellipsis  :　 當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...)

說(shuō)明：
設(shè)置或檢索是否使用一個(gè)省略標(biāo)記(...)標(biāo)示對(duì)象內(nèi)文本的溢出。
這個(gè)屬性僅僅作用于水平內(nèi)聯(lián)方向的，普通的西方文本的溢出。內(nèi)聯(lián)溢出發(fā)生在行內(nèi)的文本超出可用寬度卻沒(méi)有換行機(jī)會(huì)的時(shí)候。
要強(qiáng)制溢出發(fā)生并且應(yīng)用 ellipsis 值，作者必須設(shè)置對(duì)象的 white-space 屬性值為 nowrap 。
假如沒(méi)有換行機(jī)會(huì)(例如，對(duì)象容器的寬度是狹窄的，而內(nèi)有很長(zhǎng)的沒(méi)有合理斷行的文本)，沒(méi)有應(yīng)用 nowrap 也有可能溢出。
為了使 ellipsis 值被應(yīng)用，此屬性必須被設(shè)置到具有不可視區(qū)域的對(duì)象。最好的選擇是設(shè)置 overflow 屬性為 hidden 。設(shè)置 overflow 屬性為 scroll 或者 auto 時(shí)，此屬性也會(huì)應(yīng)用。但是會(huì)有滾動(dòng)條出現(xiàn)。
通過(guò)選擇省略標(biāo)記，隱藏的文本可以被選擇。當(dāng)選擇發(fā)生時(shí)，省略標(biāo)記會(huì)隱藏而被文本替換。
此屬性為在DHTML中制作省略標(biāo)記提供了高效的方法。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的腳本特性為 textOverflow 。
示例：
div { overflow: hidden; text-overflow:ellipsis; }

vertical-align

語(yǔ)法：
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值：
auto  :　 CSS1 根據(jù) layout-flow 屬性的值對(duì)齊對(duì)象內(nèi)容
baseline  :　 CSS1 默認(rèn)值。將支持 valign 特性的對(duì)象的內(nèi)容與基線對(duì)齊
sub  :　 CSS1 垂直對(duì)齊文本的下標(biāo)
super  :　 CSS1 垂直對(duì)齊文本的上標(biāo)
top  :　 CSS1 將支持 valign 特性的對(duì)象的內(nèi)容對(duì)象頂端對(duì)齊
text-top  :　 CSS1 將支持 valign 特性的對(duì)象的文本與對(duì)象頂端對(duì)齊
middle  :　 CSS1 將支持 valign 特性的對(duì)象的內(nèi)容與對(duì)象中部對(duì)齊

bottom  :　 CSS1 將支持 valign 特性的對(duì)象的內(nèi)容與對(duì)象底端對(duì)齊
text-bottom  :　 CSS1 將支持 valign 特性的對(duì)象的文本與對(duì)象頂端對(duì)齊
length  :　 CSS2 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值 | 百分?jǐn)?shù)。可為負(fù)數(shù)。定義由基線算起的偏移量?；€對(duì)于數(shù)值來(lái)說(shuō)為0，對(duì)于百分?jǐn)?shù)來(lái)說(shuō)就是0%。

說(shuō)明：
設(shè)置或檢索對(duì)象內(nèi)容的垂直對(duì)其方式。
對(duì)于 currentStyle 對(duì)象而言此屬性的默認(rèn)值為 auto 。對(duì)于其他對(duì)象而言是 baseline 。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的腳本特性為 verticalAlign 。
示例：td { vertical-align : middle; }
==text-align==
語(yǔ)法：text-align : left | right | center | justify
取值：
left  :　 默認(rèn)值。左對(duì)齊
right  :　 右對(duì)齊
center  :　 居中對(duì)齊
justify  :　 兩端對(duì)齊

說(shuō)明：
設(shè)置或檢索對(duì)象中文本的對(duì)齊方式。
此屬性作用于所有塊對(duì)象(block elements)。在一個(gè) div 對(duì)象里的所有塊對(duì)象的會(huì)繼承此屬性值。 假如屬性沒(méi)有設(shè)置，這個(gè)參數(shù)將獲取 null 值。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的腳本特性為 textAlign 。
示例：div { text-align : center; }

layout-flow

語(yǔ)法： layout-flow : horizontal | vertical-ideographic
取值：
horizontal  :　 默認(rèn)值。對(duì)象中的內(nèi)容自左邊流入。下一行在前一行下面。這個(gè)值適用于拉丁語(yǔ)系
vertical-ideographic  :　 對(duì)象中的內(nèi)容自上而下流入，下一行在前一行左面。這個(gè)值適用于亞洲語(yǔ)系

說(shuō)明：
設(shè)置或檢索對(duì)象內(nèi)文本的流動(dòng)和方向。
當(dāng)此屬性值發(fā)生變化時(shí)， text-align 屬性與 vertical-align 屬性的作用也將發(fā)生變化。
這是一個(gè)不建議使用的屬性。建議使用 writing-mode 屬性替代它。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的腳本特性為 layoutFlow 。
示例：div { layout-flow : horizontal; }