如果DIV定义的宽度,当文本超过这个宽度时就会自动换行。自动换行:div{ word-wrap: break-word; word-break: normal;}
如果是是连续的数字和英文字符换行,则如下:
div强制换行
(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }
或者#wrap{word-break:break-all;width:200px;}
(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;
同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!#wrap{white-space:normal; width:200px; overflow:auto;}
或者#wrap{word-break:break-all;width:200px; overflow:auto; }
强制英文单词断行:div{word-break:break-all;}
css代码如下:text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; //这儿的数字代表的就是你所需要实现效果的第N行