0
点赞
收藏
分享

微信扫一扫

css设置文字多余部分显示省略号

杰森wang 2022-06-06 阅读 100

如果只显示一行,则可以使用以下方法:

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

如果需要显示多行,在需要设置的元素style中添加以下代码:

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

(注意:有时添加在嵌入样式中不生效,需要添加在行内样式中)

css设置文字多余部分显示省略号_java

设置前效果:

css设置文字多余部分显示省略号_java_02

设置后效果:

css设置文字多余部分显示省略号_java_03


举报

相关推荐

0 条评论