CSS代碼使純英文數(shù)字自動換行的簡單實現(xiàn)
發(fā)布時間：2016-10-18 07:57:52 作者：佚名 
我要評論
我要評論下面小編就為大家?guī)硪黄狢SS代碼使純英文數(shù)字自動換行的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
當一個定義了寬度的塊狀元素中填充的全部為純英文或者純數(shù)字的時候，在IE和FF中都會撐大容器，不會自動換行
并且當數(shù)字或者英文中帶有漢字時，會從漢字處換行，而純漢字卻可以自動換行。這個問題如何解決？先來認識一下兩位主角word-wrap和word-break
word-wrap用來控制css換行
兩種取值：
(1) normal
(2) break-word（此值用來強制換行，內(nèi)容將在邊界內(nèi)換行，中文沒有任何問題，英文語句也沒問題。但是對于長串的英文，就不起作用。）
word-break用來控制斷詞
三種取值：
(1)normal
(2)break-all（是斷開單詞。在單詞到邊界時，下個字母自動到下一行。主要解決了長串英文的問題。）
(3)keep-all（是指Chinese, Japanese, and Korean不斷詞，一句話一行，可以用來排列古詩喲~）
【解決方法】
可以在CSS中加入
word-wrap:break-word;
word-break:break-all;
以上就是小編為大家?guī)淼腃SS代碼使純英文數(shù)字自動換行的簡單實現(xiàn)全部內(nèi)容了，希望大家多多支持腳本之家~
相關文章
- 下面小編就為大家?guī)硪黄猚ss控制文字自動換行的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-12
CSS控制文本超出指定寬度顯示省略號和文本不換行效果的實現(xiàn)
下面小編就為大家?guī)硪黄狢SS控制文本超出指定寬度顯示省略號和文本不換行效果的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-05-05- 這篇文章主要介紹了CSS超出文本指定寬度用省略號代替和文本不換行的相關資料，小編覺的實用性非常，特此分享到腳本之家平臺，供大家參考2016-05-05
- 這篇文章主要介紹了CSS自動換行、強制不換行、強制斷行、超出顯示省略號的相關資料,需要的朋友可以參考下2016-04-26
用CSS實現(xiàn)textArea中的placeholder換行功能
這篇文章主要介紹了用CSS實現(xiàn)textArea中的placeholder換行功能,依照傳統(tǒng)方法書寫的話會出現(xiàn)問題,文中給出了解決方法,需要的朋友可以參考下2015-07-08- 這篇文章主要為大家介紹了CSS強制換行對齊的實現(xiàn)方法,涉及css中text-justify屬性的使用技巧,需要的朋友可以參考下2015-05-12
- 這篇文章主要為大家介紹了CSS實現(xiàn)連續(xù)字符換行的方法,設計CSS的word-break屬性使用方法,需要的朋友可以參考下2015-05-12