HTML文本中超出显示省略号

HTML文本中超出显示省略号

HTML单行文本超出显示省略号

HTML多行文本超出显示省略号

1. 单行文本超出省略号

p{
	overflow:hidden;        
	text-overflow: ellipsis; //文本超出显示省略号
	white-space:nowrap; //文本不换行
}

2.多行文本超出省略号
p{
overflow: hidden;

在这里插入代码片

text-overflow: ellipsis;
white-space: nowrap;
display: -webkit-box;    //设置为弹性盒子
-webkit-line-clamp: 2;   //设置行数
-webkit-box-orient: vertical;   //设置方向
//这个只针对内核是webkit的浏览器及移动端
//有时候-webkit-box-orient 失效，就将它写成内联样式

}