欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

超出文本溢出省略号

程序员文章站 2022-03-02 15:22:55
...

方法一:超出一行省略

// A code block
.text{
	overflow: hidden;
  	text-overflow: ellipsis;
 	white-space: nowrap;
}

方法二:超出多行省略(设置行数)

// A code block
.text{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
   	display: -webkit-box;
  	-webkit-box-orient: vertical;
}