Узнайте высоту divs и настройку высоты div

У меня была такая же проблема в прошлом на многих сайтах, которые я сделал здесь на работе. Единственный гарантированный способ удостовериться, что пользователь получил письмо, - это дать пользователю возможность добавить вас в безопасный список. Любой другой метод действительно будет только тем, что может помочь с ним и не гарантируется.

13
задан shas 23 March 2016 в 11:06
поделиться

6 ответов

Я верю, что вы ищете этот плагин: equalityBottoms Бен Алман

-121--1880583-

Я вижу, что LinkedList реализует интерфейс Queue, но он будет только таким же быстрым, как и LinkedList?

Окуляр исходного кода, LinkedList - это O (1) для операций Queue.add, Queue.poll и Queue.peek.

Надеюсь, что это достаточно быстро.

-121--2548475-

Для получения и установки высоты элемента можно использовать метод jQuery height .

Вы должны пройти через элементы, найти самый высокий, а затем установить высоту всех элементов.

var maxHeight;
$('div')
    .each(function() { maxHeight = Math.max(maxHeight, $(this).height()); })
    .height(maxHeigt);

Замените "div" на селектор jQuery , выбирающий элементы для выравнивания.

13
ответ дан 1 December 2019 в 18:06
поделиться

Конечно, если все, что вы хотите, это исправить проблему равной высоты, то вам нужен единственный верный макет:

http://fu2k.org/alex/css/onetruelayout/example/interactive

0
ответ дан 1 December 2019 в 18:06
поделиться

Ну, вы можете получить и установить высоту с помощью height ()

height = $('#id').height()

Прокрутите элементы и проверьте высоту, например:

$elements = $('.container');

var max_height = 0;

for ($element in $elements) {
    if (max_height > $element.height()) max_height = $element.height();
}

$elements.height(max_height);
0
ответ дан 1 December 2019 в 18:06
поделиться

Я полагаю, что вы ищете этот плагин: equalizeBottoms by Ben Alman

1
ответ дан 1 December 2019 в 18:06
поделиться

Вау - люди действительно хотят использовать в этом хитрости jQuery - все это можно сделать с помощью CSS. Из stopdesign :

При создании жидких макетов с использованием CSS я помню несколько соображений:

  • Столбцы с двойным разделением: как бы я ни ненавидел использовать дополнительную разметку, нет ничего проще способ обеспечить максимальную совместимость между несколькими браузерами, чем использовать два div для каждого столбца. Внешние блоки div используются для установки ширины. Внутренние блоки div используются для установки отступов для создания промежутков между каждым столбцом.

  • Используйте промежутки фиксированной ширины (или ширину промежутков в зависимости от размера шрифта): когда ширина столбца применяется независимо от заполнения столбца, как указано выше, для ширины можно использовать проценты, а для заполнения можно использовать пиксели или em.Это позволяет не беспокоиться о том, что один столбец окажется внизу другого, или не занижать размер столбцов, чтобы они всегда помещались на странице. Несмотря на то, что ширина столбцов меняется по мере того, как браузер становится шире или уже, текст на странице обычно остается того же размера. Количество белого пространства, необходимого для комфортного восприятия текста, больше зависит от размера шрифта, а не от размера столбца, содержащего этот текст.

  • Избегайте столбцов фиксированной ширины: насколько это возможно, задавайте ширину всех столбцов в процентах. Заманчиво думать о боковых панелях и столбцах навигации как о единой статической ширине и позволить основному или среднему столбцу расширяться. Это быстро разрушает любые пропорции, которые могли быть тщательно выбраны, поскольку столбцы с фиксированной шириной могут выглядеть маленькими и слабыми при большом разрешении. Или широкие боковые панели фиксированной ширины могут стать пугающими, перегружая основной столбец при более узкой ширине браузера.

Уловка состоит в том, чтобы создать сверхширокое фоновое изображение (или два изображения для макетов с 3 столбцами, таким образом, метод «раздвижных дверей»). Изображение частично непрозрачное и частично прозрачное. Он размещается вертикально внутри родительского контейнера, точно так же, как техника Дэна Faux Columns. Непрозрачная часть изображения должна соответствовать процентному соотношению столбца, который она помогает создать, чтобы ее можно было расположить с идентичным значением background-position. Это позволяет переходу от непрозрачного к прозрачному стать точкой оси для положения фона.Положение непрозрачной части в изображении может быть изменено в зависимости от порядка содержимого в HTML для получения практически любого желаемого эффекта.

0
ответ дан 1 December 2019 в 18:06
поделиться

Я получал ошибку NaN с кодом SLaks. Присвоение maxHeight начального значения 0 помогло.

var maxHeight = 0;
$('div')
  .each(function() { maxHeight = Math.max(maxHeight, $(this).height()); })
  .height(maxHeight);

Спасибо, SLaks!

16
ответ дан 1 December 2019 в 18:06
поделиться
Другие вопросы по тегам:

Похожие вопросы: