Основные блоги b.Z » Все блоги » DLE движок для сайтов » Делаем блоки div одинаковой высоты JS

Делаем блоки div одинаковой высоты JS

Все блоги / DLE движок для сайтов  3 апреля 2017  440   
Смотреть в Telegram Поделиться в TG
Делаем блоки div одинаковой высоты JS
Небольшой скрипт который выравнивает блоки с определенным div классом по высоте. Полезный скрипт, особенно при выводе новостей в несколько рядов. Знаю, есть куча способов реализовать это, но по мне это самый надежный и удобный способ.

Источник: for-dle.ru

  • Оцените публикацию
  • +2

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/blogssmartz

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями

предыдущая статья
следующая статья

Похожие публикации

Bootstrap. Блоки одинаковой высоты

В Этой статье я покажу как сделать блоки одинаковой высоты по средствам CSS. Адаптивные блоки одинаковой высоты на Bootstrap.

подробнее »
15 января 2017
Помогите разделить блоки новостей

Есть сайт Хочется чтобы было так:

подробнее »
2 октября 2014
Идея как реализовать один скрипт.

Здравствуйте друзья. Такой вопрос. Есть скрипт, команды. По типу лиги (fgcl,boneplay etc..) Создал таблицу с командами (mysql). Но как приписать юзеров к данной команде? Точнее как приписать то я знаю, вот какие действия нужны в sql именно.. Создавать 5 строк таблицы, довольно глупо. Если другого

подробнее »
3 мая 2014
ImagesTitleTT - Скрипт подписей к картинкам для ДЛЕ

Отличный небольшой скрипт для DataLife (ДЛЕ), который добавляет подписи к картинкам.

подробнее »
8 июля 2014
Скрипт Управления Сайтами DLE

Универсальный Скрипт Управления Сайтами на DLE - это небольшой скрипт помогающий управлять сразу несколькими сайтами, а также оптимизировать их с помощью быстрого доступа. Этот скрипт был сделан как аналог одного иностранного ... Источник:dle-web.ru

подробнее »
9 ноября 2010
Модуль "Блоки новостей v3.0 (by Kand)"

<div style="text-align: center;"><img width="200px" src="http://bestwebber.ru/uploads/posts/2010-04/1271331615_1271192432_newsblock.png" alt="Модуль &quot;Блоки новостей v3.0 (by Kand)&quot;" title="Модуль &quot;Блоки новостей v3.0

подробнее »
15 апреля 2010

Обсуждения

Вы не авторизованы!

Обратите внимание, если вы не авторизуетесь, то Ваш комментарий перед публикацией обязательно будет отправлен на модерацию.
Рекомендуем вам войти под своим логином
Или используйте авторизацию через соц.сети
  1. имя
    Talik 12 апреля 2017 10:12
    Установка.
    Подключаем наш скрипт:

    
<script type="text/javascript">
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".columns > div"));
});
</script>


    Теперь все блоки с классом "columns" будут одинаковой высоты.
    Я например, применил такой скрипт в owl карусели. Надеюсь статейка вам пригодится
    • 0
Меню сайта
ТОП-10
Архив публикаций
Авторизация
Комментарии