Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[18.222.153.44] |
|
Сообщ.
#1
,
|
|
|
Нужно разместить множество изображений равной высоты и разной ширины так, чтобы они расположились ровно по ширине страницы с равными или почти равными промежутками, как, например, здесь или здесь.
Похоже, что подходит такой вариант через JavaScript. Какие есть ещё? Как это лучше сделать, скриптом на сервере, через JavaScript или, может быть, можно через CSS? |
Сообщ.
#2
,
|
|
|
.container { diplay: flex; justify-content: space-between; flex-wrap: wrap; } |
Сообщ.
#3
,
|
|
|
Цитата Serafim @ .container { diplay: flex; justify-content: space-between; flex-wrap: wrap; } Код должен работать в таком, чистом, виде в Хроме? У меня не работает ни в одном браузере. Как записать этот код, чтобы работало в основных браузерах, или хотя бы в хроме? Пробовал с разными префиксами - ничего. |
Сообщ.
#4
,
|
|
|
Нет, конечно. postcss + autoprefixer тебе в помощь.
Но на последних версиях всё ок: https://jsbin.com/juyehokide/1/edit?html,css,output |
Сообщ.
#5
,
|
|
|
Если так - https://jsbin.com/juyehokide/1/edit?html,css,output, то всё работает. В начальном коде не хватало width: 100%.
Но, данный способ не позволяет добиться эффекта, как в указанных примерах здесь и здесь. Горизонтальные промежутки получаются слишком большие. Нужно, чтобы горизонтальные и вертикальные промежутки были равными, как в примерах. Какие ещё есть варианты? |