div多出文字隐藏并用省略号代替

关注

原创最新推荐文章于 2026-05-05 10:32:50 发布 494 阅读 AI 写同款· GEO 优化 ›

全网最详细Seurat v5 流程复现(拿来即用) 本文是基于seurat v5版本的教程复现,主要依据来源于官网seurat v5建议大家有时间的话可以去官网进行详细阅读学习!本节内容在之前seurat v4的教程都很多都有提到,文章所用到的数据及代码已经给各位放在这里了,有需要自取!请点击这里哦提取码：bui1。阅读详情

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        ul, ol {
            list-style: none;
        }
        .box {
            margin: 20px auto;
            width: 300px;
        }
        .box li {
            padding: 0 5px;
            line-height: 35px;
            border-bottom: 1px dashed #AAA;
            cursor: pointer;

            /*超出一行的内容自动裁切,以省略号代替*/
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        .bgColor {
            background-color: lightcyan;
        }
    </style>
</head>
<body>
<ul class="box" id="box">
    <li>一剑光寒十九洲剑光寒十九洲剑光寒十九洲</li>
    <li>一剑光寒十九洲剑光寒十九洲剑光寒十九洲</li>
    <li>一剑光寒十九洲剑光寒十九洲剑光寒十九洲</li>
    <li>一剑光寒十九洲剑光寒十九洲剑光寒十九洲</li>
    <li>一剑光寒十九洲剑光寒十九洲剑光寒十九洲</li>
</ul>
<script src="js/changeColor.js"></script>
</body>
</html>