25 апреля 2015 в 13:48
Добрый день.
Подскажите, пожалуйста, как выровнять две картинки в таблице по центру? Суть в том, чтобы картинки не были прижаты по центру друг к другу, а были равномерно распределены во всей ячейке таблицы, чтобы слева, справа, и между ними был одинаковый отступ.
Такое не сложно сделать двумя ячейками, но дело в том, что нужна одна, поэтому такой вариант не подойдёт...
<table style="width:100%">
<tbody>
<tr>
<td><a href=""><img alt="" src=".jpg"></a> <a href=""><img alt="" src=".jpg"></a></td>
</tr>
</tbody>
</table>
<tbody>
<tr>
<td><a href=""><img alt="" src=".jpg"></a> <a href=""><img alt="" src=".jpg"></a></td>
</tr>
</tbody>
</table>
Комментарии
<tbody>
<tr>
<td><a href=""><img alt="" src=".jpg"></a></td>
<td><a href=""><img alt="" src=".jpg"></a></td>
</tr>
</tbody>
</table>
есть еще вариант без таблиц, например, попробовать теги
<a>сделать блоками с width: 49%; и text-align: center , будет не совсем по центру, но визуально сойдет, фишка с 49% нужна для сафари, у него был какой-то прикол с отступами, при том box-sizing не всегда помогает, не помню точно в чем там причина, ибо я не верстальщикСпасибо за идею, попробую!
На всякий случай, под "сделать блоками" подразумевалось display: block; можно display:inline-block; тогда без float, но на старых ослах не работает.