1.問題:英文字符和數(shù)字不能自動(dòng)換行,文字可以自動(dòng)換行
之前在做項(xiàng)目的時(shí)候,經(jīng)常會(huì)發(fā)現(xiàn)一個(gè)問題。那就是文字換行的問題。
在我以前的認(rèn)知里,只要是設(shè)置了文字框的寬度,那么文字就可以在超出邊框時(shí)自動(dòng)換行。直到出現(xiàn)讓我不能理解的一幕~~~~~
2.原因:瀏覽器渲染
經(jīng)查詢,瀏覽器的缺省換行是不會(huì)斷開單詞或數(shù)字的,”12345678901234567890″字符串中間沒有任何分隔符,所以它認(rèn)為是一個(gè)不可斷開的單詞,因此以不換行處理。字符串”我想回家我想回家”有漢字,詞法解析時(shí)認(rèn)為雙字節(jié)字符都可以分開,所以就正確換行如果在字符串中間加一個(gè)空格也行,但是逗號(hào)不行。
3.解決方法:強(qiáng)制換行
可以設(shè)置對(duì)象的css屬性:word-wrap:break-word,或者設(shè)置word-break:break-all;