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

首頁 > 開發 > CSS > 正文

css 英文換行 css(word-wrap/break)使純英文數字自動換行

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

當一個定義了寬度的塊狀元素中填充的全部為純英文或者純數字的時候,在IE和FF中都會撐大容器,不會自動換行并且當數字或者英文中帶有漢字時,會從漢字處換行,而純漢字卻可以自動換行。這個問題如何解決?先來認識一下兩位主角word-wrap和word-break

word-wrap用來控制換行
兩種取值:
(1)normal
(2)break-word(此值用來強制換行,內容將在邊界內換行,中文沒有任何問題,英文語句也沒問題。但是對于長串的英文,就不起作用。)

word-break用來控制斷詞
三種取值:
(1)normal
(2)break-all(是斷開單詞。在單詞到邊界時,下個字母自動到下一行。主要解決了長串英文的問題。)
(3)keep-all(是指Chinese, Japanese, and Korean不斷詞,一句話一行,可以用來排列古詩喲~)

【解決方法】
可以在CSS中加入
word-wrap:break-word;
word-break:break-all;

(1)break-all(是斷開單詞。在單詞到邊界時,下個字母自動到下一行。主要解決了長串英文的問題。)
(2)keep-all(是指Chinese, Japanese, and Korean不斷詞,一句話一行,可以用來排列古詩喲~)
(3)break-word(此值用來強制換行,內容將在邊界內換行,中文沒有任何問題,英文語句也沒問題。但是對于長串的英文,就不起作用。)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 天门市| 娄烦县| 西城区| 淳化县| 江城| 永春县| 明光市| 绥化市| 江华| 姜堰市| 岳普湖县| 新泰市| 漳州市| 闻喜县| 安平县| 三都| 鄂尔多斯市| 永城市| 石城县| 扬州市| 左贡县| 定陶县| 岫岩| 柳州市| 裕民县| 天祝| 襄垣县| 德惠市| 顺昌县| 遂川县| 许昌市| 孟州市| 枣强县| 屏山县| 友谊县| 南郑县| 红桥区| 惠安县| 吕梁市| 顺昌县| 吕梁市|