文本溢出省略号显示

最新推荐文章于 2020-09-30 19:09:11 发布

weixin_30776863

最新推荐文章于 2020-09-30 19:09:11 发布

阅读量85

点赞数

原文链接：http://www.cnblogs.com/Caixingmin/p/11188875.html

版权

1.文本不换行 white-space：nowrap；

2.文本溢出隐藏 overflow：hidden；

3.文字溢出省略号显示 text-overflow：ellipsis；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>处理空白符</title>
    <style type="text/css">
        p{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
    <p>段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落</p>
</body>
</html>

转载于:https://www.cnblogs.com/Caixingmin/p/11188875.html