js, как узнать кол-во блоков в ряду

79
Алексей,
js, как узнать кол-во блоков в ряду

Решение достаточно простое: берем ширину родителя и ширину блоков, делим одно на другое и получаем кол-во блоков, которое может поместиться в одной строке. Возможно есть более правильное решение, не знаю.

// Определяем кол-во объектов в ряду
let list = $('.list'),
	items = list.find('.item'),
	cntInRow = Math.floor(list.width() / items.width());
console.log(cntInRow);

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

Опубликовано 13 мая 2021 | Обновлено 14 мая 2021
js, верстка, костыли, разработчику
Поделиться
Похожие статьи
Скошенные углы у блока 0
Нездоровая тендеция пошла у дизайнеров на такой вид блоков. А в css нет готового решения, приходитьс...
Читать дальше »
Алексей,
Комментарии
Зарегистрируйтесь чтобы получать уведомления об ответе
Решение достаточно простое: берем ширину родителя и ширину блоков, делим одно на другое и получаем кол-во блоков, которое может поместиться в одной строке. Возможно есть более правильное решение, не знаю.