css 多行文字超出变省略号
程序员文章站
2022-04-22 16:40:16
...
<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta charset="utf-8">
<style type="text/css">
.brief-box {
width:200px;
}
.brief-word {
width:70%;
padding-right:36px;
display:-webkit-box;
-webkit-box-orient:vertical;
/*省略第几行之后的内容*/
-webkit-line-clamp:2;
overflow:hidden;
}
</style>
</head>
<body>
<div class="brief-box">
<p class="brief-word">
详细说明简介详细说明简介详细说明简介详细说明
</p>
</div>
</body>
</html>
上一篇： css文本超出显示省略号
下一篇： HTML5基础知识