先说一下问题:
页面中有一个div,里面放一个图片,我们给图片一个宽高,div不给尺寸,这时,div的尺寸要比图片尺寸大出几个像素。
下面给出几种解决办法:
1 :给外层同样也设置一个固定的尺寸,尺寸和img的一样,可以解决该问题;
2:给图片或者div添加vertical-align:top;
3:给div设置font-size:0;
4:给图片添加display:block;
对于第三种方法还有一个常见的应用:
一个form表单中,左侧一个type为text的输入框,右侧是一个提交按钮,通常情况下两个标签是不对齐的,中间会有个距离;
我们可以给form标签添加一个font-size:0;来解决。