css 控制

字數,超出部分顯示“...”


 

單行文本隱藏
p{
    border: 1px solid red;
    width:200px;
    height:25px;
    /*word-break:break-all;*/
    white-space: nowrap;/*強制在一行顯示*/
    text-overflow:ellipsis;/*設置超出內容顯示...*/
    overflow: hidden;/*一定不能少 超出的內容進行隱藏*/

 

多行文本溢出部分隱藏
p {
    display: block;
    line-clamp: 2; /*多行文本 溢出部分...*/
    box-orient: vertical; /*從上向下垂直排列*/
    overflow: hidden;

 


免責聲明!

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



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