Как изменять ширину/высоту в зависимости от кол-ва колонок?
Я делаю сайт на вордпрессе и меня интересует как можно реализовать следующее.
В шапке могу закреплять посты, ширина каждого поста 33.333333% вне зависимости сколько закреплено, а мне надо чтобы ширина менялась. Например:
Закреплен 1 пост - 100%
Закреплено 2 поста - каждый будет по 50% ширины.
Закреплено 3 поста - каждый будет по 33.3% ширины.
И так далее.
Как это можно реализовать и можно ли вообще? Может кто-то сталкивался с таким? Буду благодарен за совет ибо перерыл гугл, но ничего не нашел для вп.
Вообще никак не относится к моему вопросу.
Ваш вариант помогает настроить расположение и ширину элементов, но не зависимость ширины от КОЛ-ВА элементов.
Но спасибо что ответили.
Ilya Pavlov, да, оно решает проблему ширины от кол-ва, но появляется другая проблема - оно все посты в шапке делает в одну линию, хотя нужно в 2, если постов больше 3.
И еще чтобы выводило вот так, но это если у вас есть время и желание помочь:
если 6 постов - 3 поста по 1/3 ширины в 2 линии
если 5 постов - 2 поста по 1/2 ширина в одной линии и 3 поста по 1/3 ширины во второй линии
если 4 поста - первый пост 100% ширины на первой линии, 3 поста по 1/3 ширины на другой линии
если 3 поста - они в одну линию по 1/3 ширины
если 2 поста - в одну линию по 1/2 ширины.
EvilHero, Ну как сделать это на чистом html/css я не знаю. По крайней мере в голову ничего не приходит пока. Но если ваш html генерируется например на PHP, то можно, зная заранее количество блоков вывести их в два дополнительных вертикальных блока: https://codepen.io/PiCoderman/pen/zWzBEB
Но это уже извращение какое-то...
Простой