请教图片的排列方式

自己添加了一个diy, 模块类型是“静态模块”, 数据来源是“自定义html”,直接添加了四张图片如下：
<a  target="_blank"><img src="/tupian/1.png" alt="免费征婚" /></a>
<a  target="_blank"><img src="/tupian/2.png" alt="征婚交友" /></a>
<a  target="_blank"><img src="/tupian/3.png" alt="免费征婚" /></a>
<a  target="_blank"><img src="/tupian/4.png" alt="征婚交友" /></a>
页面显示效果请看下面截图  请问 ，想让图片到上下左右四边以及图片之间的距离都为4像素，应该怎么弄？

你这只是DIV  那么问题来了 你的CSS呢？？

而且DIV框架你都没写，  你的问题无非是CSS边距

mR.耗子 发表于 2018-9-30 09:24
你这只是DIV  那么问题来了 你的CSS呢？？

你说的没有错  不好意思  不会css  能给写个代码吗

:lol看起来不错

1. <style>
   
2. .pic_w { margin:0 0 15px 0;}
   
3. .pic_w li { float:left; width:33%;}  /*一排三个33%  一排四个25%*/
   
4. .pic_w li a { display:block; padding:2px;}
   
5. .pic_w li img { width:100%;}  /*DIY图片缩略图宽度填写为  模块所在宽度/2 左右即可*/
   
6. </style>
   
7. 
   
8. <div class="pic_w">
   
9. <ul class="cl">
   
10. <li><a href="#" target="_blank"><img src="https://discuz.dismall.com/data/attachment/forum/201809/30/081557e8au68vr030w0rlc.jpg.thumb.jpg" alt="免费征婚" /></a></li>
    
11. <li><a href="#" target="_blank"><img src="https://discuz.dismall.com/data/attachment/forum/201809/30/081557e8au68vr030w0rlc.jpg.thumb.jpg" alt="免费征婚" /></a></li>
    
12. <li><a href="#" target="_blank"><img src="https://discuz.dismall.com/data/attachment/forum/201809/30/081557e8au68vr030w0rlc.jpg.thumb.jpg" alt="免费征婚" /></a></li>
    
13. <li><a href="#" target="_blank"><img src="https://discuz.dismall.com/data/attachment/forum/201809/30/081557e8au68vr030w0rlc.jpg.thumb.jpg" alt="免费征婚" /></a></li>
    
14. </ul>
    
15. </div>

复制代码