css控制一行文字超出部分用省略号代替

最新推荐文章于 2024-04-22 15:03:26 发布

原创最新推荐文章于 2024-04-22 15:03:26 发布 · 157 阅读

0 ·

CC 4.0 BY-SA版权

本文通过两个具体的例子展示了如何使用HTML的div元素实现文本的固定宽度显示、背景色设置及文字溢出省略效果。这些技巧对于网页布局设计非常实用。

<html>
<style>
div{
width:200px;
background-color:gray;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;

}
</style>
<body>
<div>测试长沙市测试长沙市测试长沙市</div>
<div>测试asd测试长12测试长asdddf沙市</div>
</body>
</html>