歡迎來到合肥浪訊網(wǎng)絡科技有限公司官網(wǎng)
  咨詢服務熱線:400-099-8848

網(wǎng)頁CSS教程之內容設置的一些語法(一)

發(fā)布時間:2024-07-06 文章來源:本站  瀏覽次數(shù):922
在進行DivCSS布局時,需求對文本進行控制,今天系統(tǒng)的向我們介紹一下。CSS中控制換行的特點。
 
  一、white-space
 
  能夠實現(xiàn)HTML中PRE標簽的作用,以及單元格的noWrap作用。
 
  語法:
 
  white-space : normal pre   nowrap
 
  取值:   normal: 默許值。默許處理方式。文本自動處理換行。假設抵達容器鴻溝內容會轉到下一行
 
  pre: 換行和其他空白字符都將遭到保護。這個值需求IE6+或許 !DOCTYPE 聲明為 standards-compliant mode 支撐。假如 !DOCTYPE 聲明沒有指定為 standards-compliant mode ,此特點能夠運用,可是不會產(chǎn)生作用。結果等同于 normal 。參看 pre 目標
 
  nowrap: 強制在同一行內顯現(xiàn)所有文本,直到文本完畢或許遭受 br 目標。參看 noWrap 特點
 
 
  設置或檢索目標內空格字符的處理方式。
 
  空 格字符,像換行,空格,TAB,在HTML文檔中默許的是被忽略的。當此特點設置為 normal 或許 nowrap 時,你能夠運用不換行空格的命名實體 來添加空格,用 br 元從來添加換行。此特點對你運用文檔目標模型(DOM)操作的內容的影響與其對IE顯現(xiàn)內容的影響相同。
 
  此特點作用于塊目標。
 
  相關樣式:
 
  text-overflow
 
  將它與white-space結合運用就不必再寫程序來判斷字符串長度了,點此檢查示例。
 
  語法:
 
  text-overflow : clip   ellipsis
 
  取值:
  clip:默許值。不顯現(xiàn)省掉符號(…),而是簡略的裁切
 
  ellipsis:當目標內文本溢出時顯現(xiàn)省掉符號(…)
 
  說明:
 
  設置或檢索是否運用一個省掉符號(…)標示目標內文本的溢出。
 
  這個特點只是作用于水平內聯(lián)方向的,一般的西方文本溢出。內聯(lián)溢出產(chǎn)生在行內的文本超出可用寬度卻沒有換行時機的時候。
 
  要強制溢出產(chǎn)生并且應用 ellipsis 值,作者有必要設置目標的 white-space 特點值為 nowrap 。
 
  假設沒有換行時機(例如,目標容器寬度是狹窄的,而內有很長的沒有合理斷行的文本),沒有應用 nowrap 也有或許溢出。
 
  為了使 ellipsis 值被應用,此特點有必要被設置到具有不可視區(qū)域的目標。好的挑選是設置 overflow 特點為 hidden 。設置 overflow 特點為 scroll 或許 auto 時,此特點也會應用?墒菚袧L動條呈現(xiàn)。
 
  通過挑選省掉符號,躲藏的文本能夠被挑選。當挑選產(chǎn)生時,省掉符號會躲藏而被文本替換。
 
  特點為在DHTML中制作省掉符號供給了高效方法。

上一條:網(wǎng)頁CSS教程之內容設置...

下一條:CSS技巧:import...