美文网首页
css 强制不换行,自动换行,超出显示省略号

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

作者: hi文邵 | 来源:发表于2018-12-26 14:47 被阅读0次

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 强制不换行,自动换行,超出显示省略号

      本文链接:https://www.haomeiwen.com/subject/neuhlqtx.html