CSS隐藏溢出文字 和 清除float

//清除float left or right, 连续的float 后面。不然后面的元素会受float元素的影响，有错位。

.clearfix {
 clear:both;
 visibility:hidden;
 width:0px;
 height:0px;
 line-height:0px;
 font-size:0pt;
}

 

 

 

//隐藏多出的部分，并显示为...
.title_hidden {
 overflow:hidden;
 white-space:nowrap; // 不换行，文字一直排开。
 word-spacing:normal;
 word-break:none;
 text-overflow:ellipsis;
}

 

要使.title_hidden生效，width属性应该有所设定，不然会一直无限展开。

如果去掉white-space:nowrap，那么应该设定高度，不然字体会换行，就不存在溢出问题。