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

1- 强制不换行 white-space:nowrap;

2- 自动换行 word-wrap:break-word;

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

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

4- 超出显示省略号  text-overflow:ellipsis;overflow:hidden;

width:100px;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

overflow: hidden;

你可能感兴趣的:(css 强制不换行,自动换行,超出显示省略号)