禁止换行与强制换行
程序员文章站
2022-07-14 08:37:05
...
一、禁止换行
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;
上一篇: 标题:明码
下一篇: css实现强制不换行/自动换行/强制换行