使用css截取字符长度

最新推荐文章于 2022-11-14 14:12:05 发布

转载最新推荐文章于 2022-11-14 14:12:05 发布 · 476 阅读

不用php，放在客户端截取，感觉更实用一点。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>text-overflow: ellipsis;</title>
</head>
<style>
    .text-overflow {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap:normal;
    }
</style>
<body>
<a href="#" class="text-overflow" style="width:110px;">测试文字能否被截取</a><br>
<b class="text-overflow" style="width:100px;">测试文字能否被截取</b>
</body>
</html>