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

杰拉斯 | 时间：2012-04-02, Mon | 22,239 views
前端开发　

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

word-break: break-word;

或

word-break: break-all;

或

word-wrap: break-word;

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

如需转载请注明出处：杰拉斯的博客

杰拉斯的博客