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

蓝飞 蓝飞 | 时间:2012-04-02, Mon | 13,022 views
前端开发 

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

word-break: break-word;

word-break: break-all;

word-wrap: break-word;

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

如需转载请注明出处:蓝飞技术部落格

3 条评论 »

  1. janny janny

    真是不错!收藏

  2. panny panny

    那条是给IE用的啊?

  3. 的

    不错