Question

我希望连续有4张图像，根据屏幕的宽度在整行上均匀分布。我想这样做，所以我可以在图像之间保持适当的间距，而不会出现任何水平溢出。

Answer 1

假设图像宽度相同，以下布局将根据需要排列图像。

<div>
<div style="width: 25%; text-align: center;"><img src="img1.jpg"></div>
<div style="width: 25%; text-align: center;"><img src="img2.jpg"></div>
<div style="width: 25%; text-align: center;"><img src="img3.jpg"></div>
<div style="width: 25%; text-align: center;"><img src="img4.jpg"></div>
</div>

有一个问题;第一个和最后一个图像之后的差距将是两者之间的差距：

 |  +----+    +----+    +----+    +----+  |
 |--|    |----|    |----|    |----|    |--|
 |  +----+    +----+    +----+    +----+  |

Answer 2

使用表格：

<table width="100%">
 <tr>
  <td width="25%">IMAGE</td>
  <td width="25%">IMAGE</td>
  <td width="25%">IMAGE</td>
  <td width="25%">IMAGE</td>
 </tr>
<table>

然后根据需要添加cellpadding和cellspacing

均匀空间图像？

2 个答案: