網(wǎng)頁(yè)CSS教程之內(nèi)容設(shè)置的一些語(yǔ)法（一）

在進(jìn)行DivCSS布局時(shí)，需求對(duì)文本進(jìn)行控制，今天系統(tǒng)的向我們介紹一下。CSS中控制換行的特點(diǎn)。

 

　　一、white-space

 

　　能夠?qū)崿F(xiàn)HTML中PRE標(biāo)簽的作用，以及單元格的noWrap作用。

 

　　語(yǔ)法：

 

　　white-space : normal pre 　 nowrap

 

　　取值： 　　normal： 默許值。默許處理方式。文本自動(dòng)處理?yè)Q行。假設(shè)抵達(dá)容器鴻溝內(nèi)容會(huì)轉(zhuǎn)到下一行

 

　　pre： 換行和其他空白字符都將遭到保護(hù)。這個(gè)值需求IE6+或許 !DOCTYPE 聲明為 standards-compliant mode 支撐。假如 !DOCTYPE 聲明沒(méi)有指定為 standards-compliant mode ，此特點(diǎn)能夠運(yùn)用，可是不會(huì)產(chǎn)生作用。結(jié)果等同于 normal 。參看 pre 目標(biāo)

 

　　nowrap： 強(qiáng)制在同一行內(nèi)顯現(xiàn)所有文本，直到文本完畢或許遭受 br 目標(biāo)。參看 noWrap 特點(diǎn)

 

 

　　設(shè)置或檢索目標(biāo)內(nèi)空格字符的處理方式。

 

　　空 格字符，像換行，空格，TAB，在HTML文檔中默許的是被忽略的。當(dāng)此特點(diǎn)設(shè)置為 normal 或許 nowrap 時(shí)，你能夠運(yùn)用不換行空格的命名實(shí)體 來(lái)添加空格，用 br 元從來(lái)添加換行。此特點(diǎn)對(duì)你運(yùn)用文檔目標(biāo)模型(DOM)操作的內(nèi)容的影響與其對(duì)IE顯現(xiàn)內(nèi)容的影響相同。

 

　　此特點(diǎn)作用于塊目標(biāo)。

 

　　相關(guān)樣式：

 

　　text-overflow

 

　　將它與white-space結(jié)合運(yùn)用就不必再寫(xiě)程序來(lái)判斷字符串長(zhǎng)度了，點(diǎn)此檢查示例。

 

　　語(yǔ)法：

 

　　text-overflow : clip 　 ellipsis

 

　　取值：

　　clip：默許值。不顯現(xiàn)省掉符號(hào)(…)，而是簡(jiǎn)略的裁切

 

　　ellipsis：當(dāng)目標(biāo)內(nèi)文本溢出時(shí)顯現(xiàn)省掉符號(hào)(…)

 

　　說(shuō)明：

 

　　設(shè)置或檢索是否運(yùn)用一個(gè)省掉符號(hào)(…)標(biāo)示目標(biāo)內(nèi)文本的溢出。

 

　　這個(gè)特點(diǎn)只是作用于水平內(nèi)聯(lián)方向的，一般的西方文本溢出。內(nèi)聯(lián)溢出產(chǎn)生在行內(nèi)的文本超出可用寬度卻沒(méi)有換行時(shí)機(jī)的時(shí)候。

 

　　要強(qiáng)制溢出產(chǎn)生并且應(yīng)用 ellipsis 值，作者有必要設(shè)置目標(biāo)的 white-space 特點(diǎn)值為 nowrap 。

 

　　假設(shè)沒(méi)有換行時(shí)機(jī)(例如，目標(biāo)容器寬度是狹窄的，而內(nèi)有很長(zhǎng)的沒(méi)有合理斷行的文本)，沒(méi)有應(yīng)用 nowrap 也有或許溢出。

 

　　為了使 ellipsis 值被應(yīng)用，此特點(diǎn)有必要被設(shè)置到具有不可視區(qū)域的目標(biāo)。好的挑選是設(shè)置 overflow 特點(diǎn)為 hidden 。設(shè)置 overflow 特點(diǎn)為 scroll 或許 auto 時(shí)，此特點(diǎn)也會(huì)應(yīng)用。可是會(huì)有滾動(dòng)條呈現(xiàn)。

 

　　通過(guò)挑選省掉符號(hào)，躲藏的文本能夠被挑選。當(dāng)挑選產(chǎn)生時(shí)，省掉符號(hào)會(huì)躲藏而被文本替換。

 

　　特點(diǎn)為在DHTML中制作省掉符號(hào)供給了高效方法。