(转载)最实用的清除浮动代码 css的文字过长裁剪后面跟着省略号

时间:2014-01-17 00:11:43   收藏:0   阅读:420

 css:

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;}

.clearfloat{zoom:1}

 

 

布局:

bubuko.com,布布扣
<div class="div1 clearfloat">

    <div class="left">Left</div>

    <div class="right">Right</div>

</div>
bubuko.com,布布扣

 

css的文字过长裁剪后面跟着省略号

首先要加的是这些属性{height:value;width:value;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}

加高度这些文字过长就不会往下面跑,直接隐藏掉。加white-space: nowrap才能显示出省略号,不加就是显示不出来

原文:http://www.cnblogs.com/jdsm/p/3522180.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!