css 强制不换行超出显示省略号 自动换行超出显示省略号

强制不换行

white-space:nowrap;

自动换行

word-wrap:break-word;

强制英文单词断行

word-break:break-all;

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

超出显示省略号

text-overflow:ellipsis; overflow:hidden;

内容超过DIV宽度后显示省略号

单行

white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

多行

word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;