CSS如何使文本溢出部分显示省略号?多行超出

发布时间 2023-08-17 20:35:44作者: -莫可可
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS如何使文本溢出部分显示省略号?多行超出</title>
        <style>
            *{margin: 0px;padding: 0px;}
            .box{
                width: 280px;
                height: 62px;
                margin: 50px auto;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }
        </style>    
    </head>
    <body>
        <p class="box">
            css 实现多行文本超出长度显示省略号,css 实现多行文本超出长度显示省略号,
            css 实现多行文本超出长度显示省略号
        </p>
    </body>
</html>

 

CSS如何使文本溢出部分显示省略号?多行超出