div+css截取标题长度，多余的用...代替

最新推荐文章于 2022-06-16 15:55:26 发布

Karagrade

最新推荐文章于 2022-06-16 15:55:26 发布

阅读量247

点赞数

分类专栏： css

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ellipsis</title>
</head>
<body>
<style>
    .demo {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 140px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .demo:hover {
        height: auto;
        white-space: normal;
    }
</style>
<a href="#" target="_blank" class="demo">这是一段测试用的文本，没有实际意义，只是想达到显示效果。</a>
</body>
</html>