CSS控制一行文字超出部分显示省略号 多行 - findtp插件网

findtp插件网

您现在的位置是:首页> 代码分享 -> CSS控制一行文字超出部分显示省略号 多行

Article

CSS控制一行文字超出部分显示省略号 多行

findtp插件网2019-08-10 代码分享747

实现单行文本的溢出显示省略号

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;


如果我们要实现多行文本溢出显示省略号呢。


接下来重点说一说多行文本溢出显示省略号,如下。


实现方法:


display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;


文章评论

共有0条评论来说两句吧...