国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS 網頁內容換行控制

2024-07-11 08:38:23
字體:
來源:轉載
供稿:網友

在進行DivCSS布局時,需要對文本進行控制,我們在Vevb.com以前的文章中,也講過這方面的知識,今天系統的向大家介紹一下。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中制作省略標記提供了高效的方法。
二、word-break
  最常用的控制換行屬性,常與下面的word-wrap結合使用,點此查看示例。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 类乌齐县| 绥宁县| 玉树县| 和政县| 房产| 天门市| 中牟县| 韶山市| 泾阳县| 呼图壁县| 盐源县| 方山县| 吉隆县| 行唐县| 中西区| 凤庆县| 桂东县| 清徐县| 墨玉县| 卢氏县| 沙洋县| 望都县| 达州市| 多伦县| 嫩江县| 中卫市| 太谷县| 五莲县| 会泽县| 秀山| 泌阳县| 甘德县| 板桥市| 金沙县| 衡南县| 丹巴县| 怀仁县| 安福县| 读书| 阿鲁科尔沁旗| 桃园县|