HTML 图片和图片间距用什么代码

代码如下：

<div class="f0">

<img src="images/1png" >

<img src="images/2png" >

<img src="images/3png" >

</div>

这个是浏览器的一个设计问题。img本来是行内元素，却可以用width 和height,当父元素没有设置高度的时候，用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。img默认排版为 inline-block;而所有的inline-block元素之间都会有空白。

扩展资料

在CSS中通过line-height属性来实现行间距的设置，line-height的值表示的是两行文字之间基线的距离。文字的基线，指的是如果给文字加上下划线，那么上下划线就是文字的基线。

Line-height的值设置为具体的数值，可以是相对数值，也可以设置为绝对数值，在静态页面中，文字大小固定时常常使用绝对数值，而对于论坛和博客这些用户可以自定义字体大小的页面，通常设置为相对数值，从而，可以随着用户自定义的字体大小改变相应的行间距。

CSS中通过letter-spacing属性来调整字间距，这个属性同样可以设置相对数值和绝对数值。

我只说说我的想法，代码就不写了，有些快记不住了。
最好是用个循环句来设定，在三张之片，添加一个空的DIV块，并且设定这个DIV的高度。
如果是行宽能固定的话，在三个显示之后，就自动换行，那么在添加一个有高度的DIV块也就可以实现了。

背景的上左边距一直都是用background-position:10px 20px 30px 40px;（上-右-下-左）顺时针顺序
margin是div的外边距 padding是div的内边距，与是没有关系的。

图标是img对象还是background-image？是img 的话，给img加样式 <img style="margin-right:50px" src=>, 是背景的话， 改变background-position来改背景图的位置， 或者改padding来改变内部文字的位置

<p>和<p>之间的距离远近可以通过外边距来设置

margin: 10px 5px; / 设置上下边距10px，左右边距5px/

举个例子

创建HTML元素

<p>我是第一段呀我是第一段。</p>
<p>我是第二段呀我是第二段啊我还是第二段。</p

设置css样式

p{margin:40px 5px;}

观察显示效果

设置外边距前

设置外边距后

之间的间距不用CSS也可以搞定:<img src=myjpg vspace=8 hspace=6vspace: 竖直方向空出的象素数hspace: 水平方向空出的象素数

---