1、css设置图片距离可以用盒子模型的margin属性。操作方法首先用html编辑器新建一个html文件，里面放入几张图片：
2、然后在上方的style中设置css的样式，设置img的margin属性为“0 30px”即可，其中前一个数字表示上下的距离，后一个数字表示左右的距离。最后在调整统一一下图片的大小，方便观察效果：
3、最后打开浏览器，就会看到2张图片之间是有距离的效果了：
首先你的四个图片肯定是你div写了不对，你将图片+文字写好作为一个li<ul>
<li class="a1"><img src="../a.jpg" alt=""><span>假设假设假设</span></li>
<li class="a2"><img src="../b.jpg" alt=""><span>假设假设假设</span></li>
<li class="a3"><img src="../c.jpg" alt=""><span>假设假设假设</span></li>
<li class="a4"><img src="../d.jpg" alt=""><span>假设假设假设</span></li>
</ul>
按照我举例子这样子去写css，就不会发生问题了，先看看需要间距是多大，希望对你有帮助！
就像 plftzk | 十一级 说的一样，可能通过内边距或者外边距来控制：img{margin:10px 15px 3px 20px} 外边距
img{padding:10px 15px 3px 20px} 内边距
距离上10像素、右15像素、下3像素、左20像素
======================可爱的分隔线========================
此外，如果边距都是一样的值，可以简写为：margin:10px或者padding:1外0px
这样上下左右四个外边距或者内边距的值都是10px
也可以通过图片外的容器来定义内外边距。
希望对你有帮助 ：)
