<style>
div{
width: 150px;
height: 80px;
background-color: pink;
margin: 100px auto;
/* 2、overflow：hidding；超出部分隐藏 */
overflow: hidden;
/* 3、文字用省略号代替超出的部分 */
text-overflow: ellipsis;
/* 弹性伸缩盒子模型展示 */
display: -webkit-box;
/* 显示在一个块元素显示文本的行数 */
-webkit-line-clamp: 1;
/* 设置或检索伸缩盒对象的子元素对象的排列方式 */
-webkit-box-orient:vertical ;
}
</style>
</head>
<body>
<div>啥也不说，此处省略1万字.啥也不说，此处省略1万字</div>
</body>
运行结果：
改变盒子大小即可让下面的盒子显示不出来
把高度改为20px
height: 20px;
运行结果：
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
