Как сделать одинаковый отступ при разной высоте
Страницы: 1
Как сделать одинаковый отступ при разной высоте
Пробовал masonry, не подходит. Вроде на флексбокс где-то видел не помню. Нужно что бы блоки друг под другом были с одинаковым отступом.


https://codepen.io/serg-style/pen/PaLvMQ

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

Попробуй стили
Код
.app-box ul {
    padding: 30px 0;
    margin: 0;
    list-style: none;
}


Заменить на
Код
.app-box ul {
    padding: 30px 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
Самый быстрый хостинг на SSD. Месяц в подарок. Поддержка 24/7. Помощь в переезде.

Массовая проверка ИКС - бесплатно!
Артем Малков,

Спасибо!

Хотя не совсем то, блоки становятся одного размера на линии, и если текст в одну строку а следующий на 3 то получается промежуток https://codepen.io/serg-style/pen/PaLvMQ
Изменено: SergF - 4 Июля 2018 09:54
Если на чистом css, то нужно использовать свойство columns.Но тогда блоки будут выстраиваться по колонкам, а не по строкам.

Если сохранить порядок, то masonry. Если он конфликтует(что странно), то можно через цикл перебрать элементы, разбить на группы и раскидать по отдельным колонкам.
Александр,
Изначально эти ссылки находятся в скрытом блоке который выкатывается по клику, поэтому Masonry при загрузке страницы задает блоку height 0 и когда блок становится видимым высота остается 0 и ссылки сплюснуты в одну кучу.
попробуйте так:

Код
.app-box ul {
  padding: 0;
  margin: 30px 0;
  list-style: none;
  -moz-column-width: 220px;
  column-width: 220px;
}

.app-box ul li{
    padding: 5px 10px;
    margin: 10px;
    background: #ddd;
    page-break-inside: avoid;
    break-inside: avoid;
}
Артем Малков,

То что нужно, спасибо!
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
01:35 Adsense личный опыт 
00:24 Постинг контента сайта в соц сети 
23:01 Продажа группы в ВК 
19:34 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
17:37 Рекламная сеть яндекса личный опыт 
15:09 Adtrafico - Правильная партнёрская сеть под бурж трафик 
09:58 23 июля Яндекс выдача 
02:03 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone) 
01:28 Восстанавливаю Целиком и Полностью сайты из Вебархива (Webarchive) 
17:13 Продам 2 канала Яндекс Дзен 
16:59 Создание сайтов и верстка 
16:58 Написание информационных статей и новостей для сайтов 
16:56 Качественный рерайт по низким ценам 
16:07 Качественные прогоны сайтов по доступным ценам - профили, крауд, статейные 
00:18 Правообладатели кинопоиск 
00:04 Тема для "стесняшек" 
23:53 Гарант сделок 
23:34 Как задать размеры у файла iframe? 
15:52 Помогите выиграть в конкурсе! 
07:15 Название для интернет магазина разных товаров 
21:02 Как вам живётся без меня (Web Guru) - ? Что нового в мире Seo-Шмео - ?