css 技巧文字只显示前几位

最新推荐文章于 2025-05-05 13:26:51 发布

栓独爱青春

最新推荐文章于 2025-05-05 13:26:51 发布

阅读量4.3k

点赞数

分类专栏：个人练习

个人练习专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>

    #divcss5{width:150px; }
    #divcss5 li{width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
</style>



<body >

<ul id="divcss5">
    <li><a href="#">显示不完显示省略号，测试内容</a></li>
    <li><a href="#"> 第二排测试内容超出显示省</a></li>
    <li><a href="#">能显示完几个字</a></li>
</ul>

</body >

</html>