国产探花免费观看_亚洲丰满少妇自慰呻吟_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 >

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 文登市| 禹城市| 天峨县| 天气| 山阴县| 天等县| 安平县| 潮安县| 香港 | 宣城市| 沙田区| 康乐县| 文登市| 夏津县| 固镇县| 郯城县| 闽清县| 海淀区| 讷河市| 常熟市| 交城县| 长武县| 贵阳市| 平阳县| 文成县| 永定县| 阳泉市| 芒康县| 米林县| 乐安县| 西贡区| 大埔县| 犍为县| 万山特区| 晋宁县| 吉隆县| 禹州市| 南丰县| 平潭县| 元朗区| 巴塘县|