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

首頁 > 開發 > CSS > 正文

css自動換行 防止撐破div影響排版

2024-07-11 08:26:27
字體:
來源:轉載
供稿:網友
對于div,p等塊級元素
正常文字的換行(亞洲文字和非亞洲文字)元素擁有默認的white-space:normal,當定義的寬度之后自動換行
html
< 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;}

< id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111< /div >
效果:可以實現換行

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


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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 东安县| 竹溪县| 时尚| 丰城市| 调兵山市| 白城市| 军事| 无锡市| 蓬溪县| 农安县| 德昌县| 枣强县| 诏安县| 浠水县| 梧州市| 房产| 上饶县| 双鸭山市| 漾濞| 茌平县| 中宁县| 安庆市| 巴彦淖尔市| 温宿县| 常宁市| 成都市| 行唐县| 从化市| 禹城市| 佛山市| 富蕴县| 七台河市| 建宁县| 衡水市| 浙江省| 上高县| 防城港市| 宜春市| 嘉禾县| 元氏县| 新绛县|