@tj57

Как правильно спозиционировать блок контента в зависимости от общего количества блоков?

Есть несколько блоков контента, один из них представляет собой кнопку order:

5b65a2221f981177332769.png

Если количество остальных блоков нечетное - то кнопка должна быть справа. Если четное - то внизу по центру :

5b65a2c23a2ee336343863.jpeg

Я сделал это так :

element.style {
clear: both;
float: none;
margin: 0 auto;
}


Вопрос в том, можно ли это реализовать без javascript? Или можно сделать как-то иначе, не меняя класс у элемента order ?
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
@overveg
Сделайте на флексах.

UPD.: Если в задании нельзя использовать флексы, тогда можно позиционировать элемент с помощью CSS селекторов :last-child и :nth-child(odd)

Прототип(решение с селекторами работает до ИЕ9 включительно): https://codepen.io/overveg/pen/bjKJVp
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы