boo

Блоки одинаковой высоты в строках с помощью jQuery

Существует достаточно много решений для выставления одинаковой высоты для столбцов на jQuery (например, такое решение). Основная идея заключается в том, чтобы измерить высоту всех столбцов, а затем выставить для всех наибольшую.

Но что, если строк несколько, а контент неоднородный? Тогда пригодится следующий сниппет...

Stephen Akins выдвинул следующую идею, как решить такую задачу. Идея примерно такая же, но кроме того, замеряются позиции высот блоков, чтобы узнать, какие блоки расположены в одной строке. После, можно выставлять высоту только тем блокам, которые расположены на одной высоте.

Вот так получился следующий код.

$('.blocks') конечно же могут быть заменены на нужные вам.

Если же вы имеете дело с блоками разной ширины, то и это можно реализовать, если добавить в сниппет замеры широт блоков и повесить сниппет на изменение размеров окна браузера.

Перевод статьи с css-tricks.com

PS. Веб-мастерам понятно, что создание сайтов достаточно прибыльное дело, так развитие Интернета идет семимильными шагами.


Оставить комментарий