css3 單行文字溢出,多行文字溢出


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box{
            width:200px;
        }
        .item{
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .mul-item{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient: vertical;

        }
    </style>
</head>
<body>
<div class="box">
    <p class="item">勸君更進一杯酒,西出陽關無故人。”冷月斜照,秋風蕭瑟,楓葉飄落在潯陽江頭</p>
</div>

<div class="box">
    <p class="mul-item">尋尋覓覓,冷冷清清,凄凄慘慘戚戚。”詩意情懷的李清照,卻着有更有韻情的宋詞。李清照不僅有着“依門回首,卻把青梅嗅。”嬌柔嫵媚;她還有着“至今思項羽,不肯過江東。”的灑脫豪放</p>
</div>

</body>
<script>

</script>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM