Как разместить картинки в ряд в css?

@raina 

Чтобы разместить картинки в ряд в CSS, вы можете использовать свойство display: flex для родительского элемента, который содержит картинки. Это позволит использовать свойство justify-content для распределения картинок по ширине родительского элемента. Например:

1
2
3
4
5
6
7
8

.parent {
  display: flex;
  justify-content: space-between;
}

.parent img {
  width: 20%;
}

Этот код разместит картинки в ряд, распределяя их по ширине родительского элемента с интервалами между ними. Вы также можете использовать другие значения для justify-content, такие как center, flex-start и flex-end, чтобы разместить картинки по центру, в начале или в конце родительского элемента соответственно.

Если вы хотите разместить картинки в ряд, используя таблицу, вы можете использовать свойство display: table-cell для картинок. Например:

1
2
3
4
5
6

.parent {
  display: table;
}

.parent img {
  display: table-cell;