关于图片边距和尺寸问题的几个实用方法

先说一下问题：

页面中有一个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;来解决。