Изображения в столбце?

Question

[des1roer]

Есть простое решение таблично вывести изображения?

___________________________
| _______ |_______|_________ |
| _______ |_______|_________ |
| _______ |_______|_________ |
| _______ |_______|_________ |

изображения одинаковые. количество столбцов опрделеенное

Answer 1

[Ivanq]

<table>?

Comments

[des1roer]

нет хочется дивами

[Ivanq]

des1roer:

.image {
    display: inline-block;
    width: 50%; /* 100% / кол-во столбцов */
}

<div class="image"><img src="1.png"></div><div class="image"><img src="2.png"></div><div class="image"><img src="3.png"></div>

[AlikDex]

des1roer: ну так сделай три дива через флоат влево и задай им размер 33.33333334%

Answer 2

[Алексей Уколов]

img {
  display: inline-block;
  width: 33%;
  max-width: 33%; // чтобы слишком большие картинки не разрывали сетку
  font-size: 0; // чтобы пробелы в разметке не сжирали место
}

Comments

[Сергей delphinpro]

с inline-block там еще будут межстрочные пробелы.

display:flex, flex-wrap: wrap;

Answer 3

[Astrohas]

Display: tablle-cell