禁止换行与强制换行

一、禁止换行

white-space:nowrap;
overflow:hidden;

当文字内容过长，想以省略号表示可使用text-overflow:ellipsis,此法在FF下无效，但在FF下可以调宽度+ 伪类的方法即：

p:after{content:"...";}

这个方法有个弊端，当内容很少的情况下也会出现这个省略号，怎么解决呢？？？

 

二、强制换行

 

word-wrap:break-word;/*不断开英文单词*/
overflow:hidden;

 

word-break:break-all;/*断开英文单词*/
overflow:hidden;

 

FF下不支持word-break:break-all目前还没有找到更好的办法，只能让其隐藏overflow:hidden;或出现滚动条overflow:auto;

 

所以一般写成word-break:break-all;overflow:hidden;