文字显示两行多余的省略号

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <style>
            .test1{
                display: -webkit-box; 
                -webkit-line-clamp: 2; 
                -webkit-box-orient: vertical; 
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        <div class="test1">
            天地玄黄,宇宙洪荒。
日月盈昃,辰宿列张。
寒来暑往,秋收冬藏。
闰余成岁,律吕调阳。
云腾致雨,露结为霜。
金生丽水,玉出昆冈。
剑号巨阙,珠称夜光。
果珍李柰,菜重芥姜。
海咸河淡,鳞潜羽翔。
龙师火帝,鸟官人皇。
始制文字,乃服衣裳。
推位让国,有虞陶唐。
吊民伐罪,周发殷汤。
坐朝问道,垂拱平章。
爱育黎首,臣伏戎羌。
遐迩一体,率宾归王。
鸣凤在竹,白驹食场。
化被草木,赖及万方。
盖此身发,四大五常。
恭惟鞠养,岂敢毁伤。
女慕贞洁,男效才良。
知过必改,得能莫忘。
罔谈彼短,靡恃己长。
信使可覆,器欲难量。
墨悲丝染,诗赞羔羊。
        </div>
    </body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_38382365/article/details/90058393