CSS单行和多行超出用省略号的方法

div+css joai 浏览 评论
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号...。
.style{
overflow: hidden;
text
-overflow: ellipsis;
white-space: nowrap;
}

WebKit内核的浏览器的页面实现比较简单,可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit-line-clamp

多行省略号:

.style{
  width:200px;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)
    • 验证码 点击我更换图片

    网友最新评论