论坛

标题: 作业 [打印本页]

作者: 小飞侠730222 时间: 2016-7-21 23:28
标题: 作业
有个问题，如何能让第三个图片开始另起一行呢？一个两行，每行2张图片，请老师指点

作者: yuanxi52028 时间: 2016-7-22 17:59
可以两种方法，可视项目要求不同，可用不同的方法。

第一：在pic1 pic2 pic3 pic4 外面加一个DIV 设置样式宽度，宽度是两个图片宽度的和，那样当达到了两个宽度，放不下第三个图片的时候会自动向下浮动。

<div>
<div><img src="#" /></div>
<div><img src="#" /></div>
<div><img src="#" /></div>
<div><img src="#" /></div>
</div>

[attach]60383[/attach]

第二：排成两行，那就用两个DIV，每个DIV里再放两个图片
<div>
<div><img src="#" /></div>
<div><img src="#" /></div>
</div>
<div>
<div><img src="#" /></div>
<div><img src="#" /></div>
</div>

[attach]60384[/attach]

作者: 小飞侠730222 时间: 2016-7-22 22:25
恩，好的，谢谢老师

欢迎光临论坛 (http://bbs.qinxue.com/)