首页 > Web开发 > 详细

Css--让溢出的文字隐藏

时间:2016-03-29 12:23:38      阅读:258      评论:0      收藏:0      [点我收藏+]

让溢出的文字隐藏

text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失,而变成三个点点的省略号*/

overflow:hidden; /*这个参数可以让超出部分隐藏起来,但是这个隐藏是一种按照宽度而来的直接隐藏*/

white-space:nowrap; /* 确保超出文字显示在一行里面*/

总结:对一个元素我们要添加哪些参数才能让一段文字不换行的方法,并防止文字溢出。

具体如下

{  

  width:XXpx;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

Css--让溢出的文字隐藏

原文:http://www.cnblogs.com/Moomoo/p/5332351.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!