网页中CSS实现超长英文、数字自动换行

浏览器中对于英文、数字超出容器宽度的处理是将整个不包含空格的单词换行,而不将单词及数字截断,这种处理是人性化的,但有时候遇到超长英文或数字时,却因为这种处理方式而导致容器宽度被撑大,致使页面非常难看,而通过CSS我们可以使其强制换行:

英文字符、数字强制换行:

word-wrap : break-word ;

word-break : break-all;

数字强制换行,英文字符不强制:

word-wrap : break-word;

[ACM_HDU_1297]Children’s Queue一文中,题目中的英文单词仍人性化判断是否换行,而下面的超长数字则强制自动换行。




=======================签 名 档=======================
原文地址(我的博客): http://www.clanfei.com/2012/04/386.html
欢迎访问交流,至于我为什么要多弄一个博客,因为我热爱前端,热爱网页,我更希望有一个更加自由、真正属于我自己的小站,或许并不是那么有名气,但至少能够让我为了它而加倍努力。。
=======================签 名 档=======================



你可能感兴趣的:(自动换行)