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

 css：

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

.clearfloat{zoom:1}

 

 

布局：

<div class="div1 clearfloat">

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

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

</div>

 

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

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

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