关于css:css文本显示省略号

42次阅读

共计 446 个字符,预计需要花费 2 分钟才能阅读完成。

应用 css 使文本显示省略号

<div>
  你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
  你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
  你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
  你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好
  哈哈哈哈哈
</div>

单行文本:

div {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

多行文本:

IE 不反对 (如果强制要求兼容 IE 倡议到职。。。)

div{
  display: -webkit-box;
  overflow:hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

正文完
 0