<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