css 控制行数多出的省略

2022-11-05 21:45:24

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<style>

.test{

-webkit-line-clamp: 3;

/*限制3行*/    
-webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    }

</style>

    <div class="test">日照香炉生紫烟遥看瀑布挂前川飞流直下三千尺疑是银河落九天离离原上草一岁一枯荣野火烧不尽春风吹又生</div>

</body>

</html>

码农公寓

相关文章