<html>
<head>
</head>
<body>
<div style="height:130px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;width: 200px;border: 1px solid #757584;" title="这是一个最简单便捷的鼠标详情！">
请把鼠标放上来,1.使用overflow: hidden把超出的内容进行隐藏；
2.然后使用white-space: nowrap设置内容不换行；
3.最后使用text-overflow: ellipsis设置超出内容为省略号
4. title="鼠标放上午显示详情"
</div>
</body>
</html>
截图如下：0.0
扫一扫
637
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
