На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
  
> Расположить изображения равномерно по всему блоку
    Нужно разместить множество изображений равной высоты и разной ширины так, чтобы они расположились ровно по ширине страницы с равными или почти равными промежутками, как, например, здесь или здесь.

    Похоже, что подходит такой вариант через JavaScript. Какие есть ещё?

    Как это лучше сделать, скриптом на сервере, через JavaScript или, может быть, можно через CSS?
      ExpandedWrap disabled
        .container {
            diplay: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
      Сообщение отредактировано: Serafim -
        Цитата Serafim @
        ExpandedWrap disabled
          .container {
              diplay: flex;
              justify-content: space-between;
              flex-wrap: wrap;
          }

        Код должен работать в таком, чистом, виде в Хроме? У меня не работает ни в одном браузере.
        Как записать этот код, чтобы работало в основных браузерах, или хотя бы в хроме? Пробовал с разными префиксами - ничего.
          Нет, конечно. postcss + autoprefixer тебе в помощь.

          Но на последних версиях всё ок: https://jsbin.com/juyehokide/1/edit?html,css,output
            Если так - https://jsbin.com/juyehokide/1/edit?html,css,output, то всё работает. В начальном коде не хватало width: 100%.

            Но, данный способ не позволяет добиться эффекта, как в указанных примерах здесь и здесь. Горизонтальные промежутки получаются слишком большие. Нужно, чтобы горизонтальные и вертикальные промежутки были равными, как в примерах.

            Какие ещё есть варианты?
            0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
            0 пользователей:


            Рейтинг@Mail.ru
            [ Script execution time: 0,0224 ]   [ 15 queries used ]   [ Generated: 28.03.24, 14:12 GMT ]