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

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>