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

首頁 > 開發 > CSS > 正文

CSS實現連續數字和英文的自動換行

2024-07-11 09:06:17
字體:
來源:轉載
供稿:網友
對于div,p等塊級元素

  正常文字的換行(亞洲文字和非亞洲文字)元素擁有默認的white-space:normal,當定義的寬度之后自動換行:

  html<div id="wrap">正常文字的換行(亞洲文字和非亞洲文字)元素擁有默認的white-space:normal,當定義</div>

  css#wrap{white-space:normal; width:200px; }

  1.(IE瀏覽器)連續的英文字符和阿拉伯數字,使用word-wrap : break-word ;或者word-break:break-all;實現強制斷行

  #wrap{word-break:break-all; width:200px;}

  或者

  #wrap{word-wrap:break-word; width:200px;}

  <div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

  效果:可以實現換行

  2.(Firefox瀏覽器)連續的英文字符和阿拉伯數字的斷行,Firefox的所有版本的沒有解決這個問題,我們只有讓超出邊界的字符隱藏或者,給容器添加滾動條

  #wrap{word-break:break-all; width:200px; overflow:auto;}

  <div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

  效果:容器正常,內容隱藏

對于table

  1. (IE瀏覽器)使用table-layout:fixed;強制table的寬度,多余內容隱藏

<table style="table-layout:fixed" width="200">

  <tr><td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td></tr></table>

 

  效果:隱藏多余內容

  2.(IE瀏覽器)使用table-layout:fixed;強制table的寬度,內層td,th采用word-break : break-all;或者word-wrap : break-word ;換行

<table width="200" style="table-layout:fixed;">

  <tr><td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz 1234567890</td><td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz 1234567890</td></tr></table>

 

  效果:可以換行

  3. (IE瀏覽器)在td,th中嵌套div,p等采用上面提到的div,p的換行方法

  4.(Firefox瀏覽器)使用table-layout:fixed;強制table的寬度,內層td,th采用word-break : break-all;或者word-wrap : break-word ;換行,使用overflow:hidden;隱藏超出內容,這里overflow:auto;無法起作用

<table style="table-layout:fixed" width="200">

  <tr><td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td><td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td></tr></table>

 

  效果:隱藏多于內容

  5.(Firefox瀏覽器)在td,th中嵌套div,p等采用上面提到的對付Firefox的方法運行代碼框。最后,這種現象出現的幾率很小。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 班玛县| 志丹县| 德州市| 普定县| 罗江县| 琼海市| 九台市| 江孜县| 建水县| 古浪县| 天柱县| 台东县| 新安县| 宜州市| 银川市| 资溪县| 莲花县| 南汇区| 汉川市| 常德市| 习水县| 南部县| 庆云县| 林甸县| 嘉定区| 东乌珠穆沁旗| 松潘县| 岢岚县| 沙洋县| 高尔夫| SHOW| 万年县| 馆陶县| 东港市| 黑山县| 阳曲县| 寻甸| 丹阳市| 安宁市| 开远市| 黑龙江省|