码迷,mamicode.com
首页 > 其他好文 > 详细

文本超出隱藏

时间:2019-06-21 16:59:43      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:div   word   style   over   nowrap   span   bsp   psi   code   

<div class="text-box"></div>

单行文本:

.text-box{
   width:300px;
   overflow:hidden;        /*隱藏超出的內容*/
   white-space:nowrap;        /*文本不換行*/
   text-overflow:ellipsis;    /*超出文本“······”顯示*/
}

多行文本

.text-box{
     width: 300px;
     height: 50px;
     overflow: hidden;
     word-break: break-word;
     text-overflow: ellipsis;
}

.text-box{
     width: 300px;
     height: 50px;
     overflow: hidden;
     word-break: break-all;
     text-overflow: ellipsis;
}

 

文本超出隱藏

标签:div   word   style   over   nowrap   span   bsp   psi   code   

原文地址:https://www.cnblogs.com/2625664742-chanyk/p/11065537.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!