均勻的空間圖像？

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如期望