多行溢出文字省略号显示（HTML、CSS）
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>多行溢出文字省略号显示</title><style>div {width: 150px;height: 62px;background-color: skyblue;margin: 100px auto;overflow: hidden;text-overflow: ellipsis;/* 弹性伸缩盒子模型显示 */display: -webkit-box;/* 限制在一个块元素显示的文本的行数 */-webkit-line-clamp: 3;/* 设置或检索伸缩对象的子元素的排列方式 */-webkit-box-orient: vertical;}</style></head><body><div>在一个漆黑的夜晚，我从睡梦中惊醒过来！！！一摸后背全是汗水。宿友们已经睡熟了。这时对着我床位的窗户被一阵风呼的一声吹开了,</div></body></html>
