css 处理英文本符与阿位伯数据全自动换行

2020-10-26 21:59 jianzhan
word-wrap是操纵换行的,可取:word-wrap:break-word | normal | break-all | keep-all

break-word:它关键用来是操纵是不是将强制性把单词换行,针对中英汉语沒有任何难题,可是针对长串的英文失效。
normal:英文单词不被拆卸,它是默认设置值。
break-all,关键处理了长串英文的难题。关键用来是断掉单词。在单词到界限时,下个字母全自动到下1行。
keep-all,是指针对中、日、单词之间持续词。即只用此时,无需word-wrap,汉语就不容易换行了。(英文句子一切正常。)
IE下:应用word-wrap:break-word;全部的都一切正常。
FF下:如这2个都无需的话,汉语不容易担任何难题。英文句子也不容易出难题。可是,长串英文会出难题。
以便处理长串英文,1般用word-wrap:break-word;word-break:break-all;。可是,此方法会致使,一般的英文句子中的单词会被断掉(ie下也是)。
最好是的方法是 word-wrap:break-word; overflow:hidden;
而并不是 word-wrap:break-word; word-break:break-all;
也并不是 word-wrap:break-word; overflow:auto;


(Firefox访问器)持续的英文本符和阿拉伯数据的断行,Firefox的全部版本号的沒有处理这个难题,大家仅有让超过界限的标识符掩藏或,给器皿加上翻转条

#wrap{word-break:break-all; width:200px; overflow:auto;}
<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

实际效果:器皿一切正常,內容掩藏.类似了。