css文本显示省略号

使用css使文本显示省略号

你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好 你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好 你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好 你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好 哈哈哈哈哈

单行文本:

image.png

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

多行文本:

IE不支持 (如果强制要求兼容IE建议离职。。。)
image.png

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

你可能感兴趣的