CSS自动换行、强制不换行、强制断行、超出显示省略号【转】

在表格中常常会遇到字体换行或者超出隐藏的问题,那么那是如何实现的呢?

强制不换行      white-space: nowrap

自动换行          word-wrap:break-word

强制英文单词断行  word-break:break-all

*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

超出显示省略号  (需要给容器设置宽度)

div {width: 200px;text-overflow:ellipsis;overflow:hidden;

原文链接: https://blog.csdn.net/liuyan19891230/article/details/50969393

猜你喜欢

转载自blog.csdn.net/YeShenLiaoSuiFeng/article/details/80707856