Равномерные космические снимки?

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 по желанию