網頁CSS教程之內容設置的一些語法（一）

在進行DivCSS布局時，需求對文本進行控制，今天系統的向我們介紹一下。CSS中控制換行的特點。

 

　　一、white-space

 

　　能夠實現HTML中PRE標簽的作用，以及單元格的noWrap作用。

 

　　語法：

 

　　white-space : normal pre 　 nowrap

 

　　取值： 　　normal： 默許值。默許處理方式。文本自動處理換行。假設抵達容器鴻溝內容會轉到下一行

 

　　pre： 換行和其他空白字符都將遭到保護。這個值需求IE6+或許 !DOCTYPE 聲明為 standards-compliant mode 支撐。假如 !DOCTYPE 聲明沒有指定為 standards-compliant mode ，此特點能夠運用，可是不會產生作用。結果等同于 normal 。參看 pre 目標

 

　　nowrap： 強制在同一行內顯現所有文本，直到文本完畢或許遭受 br 目標。參看 noWrap 特點

 

 

　　設置或檢索目標內空格字符的處理方式。

 

　　空 格字符，像換行，空格，TAB，在HTML文檔中默許的是被忽略的。當此特點設置為 normal 或許 nowrap 時，你能夠運用不換行空格的命名實體 來添加空格，用 br 元從來添加換行。此特點對你運用文檔目標模型(DOM)操作的內容的影響與其對IE顯現內容的影響相同。

 

　　此特點作用于塊目標。

 

　　相關樣式：

 

　　text-overflow

 

　　將它與white-space結合運用就不必再寫程序來判斷字符串長度了，點此檢查示例。

 

　　語法：

 

　　text-overflow : clip 　 ellipsis

 

　　取值：

　　clip：默許值。不顯現省掉符號(…)，而是簡略的裁切

 

　　ellipsis：當目標內文本溢出時顯現省掉符號(…)

 

　　說明：

 

　　設置或檢索是否運用一個省掉符號(…)標示目標內文本的溢出。

 

　　這個特點只是作用于水平內聯方向的，一般的西方文本溢出。內聯溢出產生在行內的文本超出可用寬度卻沒有換行時機的時候。

 

　　要強制溢出產生并且應用 ellipsis 值，作者有必要設置目標的 white-space 特點值為 nowrap 。

 

　　假設沒有換行時機(例如，目標容器寬度是狹窄的，而內有很長的沒有合理斷行的文本)，沒有應用 nowrap 也有或許溢出。

 

　　為了使 ellipsis 值被應用，此特點有必要被設置到具有不可視區域的目標。好的挑選是設置 overflow 特點為 hidden 。設置 overflow 特點為 scroll 或許 auto 時，此特點也會應用�？墒菚�有滾動條呈現。

 

　　通過挑選省掉符號，躲藏的文本能夠被挑選。當挑選產生時，省掉符號會躲藏而被文本替換。

 

　　特點為在DHTML中制作省掉符號供給了高效方法。