图片下方出现几像素的空白间隙

1、如何定义高度很小的容器?
在IE6下无法定义小高度的容器,是因为有一个默认的行高。
列举2种解决方案:overflow:hidden | line-height:0

2、图片下方出现几像素的空白间隙?
这个也有多种解决方案,如将img定义为display:block,或定义父容器为font-size:0,个人更推荐使用vertical-align的方式,它的值可以是text-top | text-bottom | middle等

3、IE6双倍margin的BUG?
display:inline

4、文本垂直方向对齐文本输入框?
设置input为vertical-align:middle,textarea也是如此

5、img于块元素中,底边多出空白
解决方法:父级设置overflow: hidden; 或 img { display: block; } 或 _margin: -5px;

你可能感兴趣的:(css-hack)