Форум Сайтостроение Веб-строительство

Выравнивание элементов в контейнере по центру.

one
На сайте с 15.04.2007
Offline
336
one
601

Бьюсь битый час, никак не удается выровнять картинки в контейнере по середине. Подскажите решение. Картинки расположены в ряд со свойством float: left;

Структура контейнеров такая:

<div>

<div>

<p>

<img>

<img>

<img>

<img>

...

</p>

</div>

</div>

Решения для автоматизации действий ( https://www.facebook.com/automationstudio20/ ) в интернете.
LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#1

Уберите float у картинок, а для родительских элементов установите ширину и выравнивание текста.

Z0
На сайте с 03.09.2009
Offline
757
ziliboba0213
#2

<div>

<div style='display: table; margin: auto'>

<img>

<img>

<img>

<img>

...

<div style='clear: both'></div>

</div>

</div>

НУ или у <p style='display: table; margin: auto'>

one
На сайте с 15.04.2007
Offline
336
one
#3

LovelAss, спасибо, Ваш вариант сработал!

ziliboba0213, Ваш почему то нет, но все равно спасибо!

Z0
На сайте с 03.09.2009
Offline
757
ziliboba0213
#4
one:
LovelAss, спасибо, Ваш вариант сработал!
ziliboba0213, Ваш почему то нет, но все равно спасибо!

Не может быть...🤪

Вам надо было, чтобы картинки в столбик стояли что-ли? :)

one
На сайте с 15.04.2007
Offline
336
one
#5

Нет, в ряд по центру http://joxi.ru/Y2Lk06MunQ446m

LH
На сайте с 26.09.2013
Offline
89
Leonid H
#6
one:
Нет, в ряд по центру http://joxi.ru/Y2Lk06MunQ446m

Еще, если интересно, можете почитать о flexbox.

one
На сайте с 15.04.2007
Offline
336
one
#7
Leonid H:
Еще, если интересно, можете почитать о flexbox.

Спасибо за предложение. Интересный лейаут. Правда интегрировать его в существующие шаблоны популярных движков создаст определенные трудности нежели с ноля использовать его в верстке.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий