关于img，表单标签间距问题：多个img之间有间距，input与其他元素之间有间距。
比如这样；
或者这样：
要怎么解决呢？
方法很简单。
1.如果只需要解决左右间距问题，可以给他一个margin-left：负值，看一下我的效果
左右间隙完美的解决掉了。
当然，还有另外的方法：设置vertical-align属性为bottom或者top，可以达到相同的效果。
然后呢，给元素加上line-height：5px;可以消除上下的间距；
2.上面的方法只解决了左右或者上下间隙。所有间隙都要消除要怎么办呢？
首先可以给父元素加上属性font-size:0px;
像这样：
上下左右间距都没有了，但是呢，细心的童鞋们应该发现了，图片上面应该有一行文字的。
这就是这个方法的弊端，它会改变文字的大小，所以还得给文字另设大小。
所以呢我们有更好的方法；
给img加上display:block;并给img 浮动float:left;
这样一来就很完美了；
其实呢还有别的方法。比如把img都写在一行。或者把img之间的空格什么的都注释掉。但是比较low，就不推荐使用了。
网友评论