css 技巧总结

1，如何清除图片下方出现几像素的空白间隙？
方法1：

img{display:block;}

方法2：除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以

img{vertical-align:top;}

方法3：test为img的父元素

.test{font-size:0;line-height:0;}

2.如何让某个元素充满整个页面？

html,body{height:100%;margin:0;}
.test{height:100%;}

3.文字超出隐藏
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

4.文字超出省略
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;