Элемент вертикального центра и переключатель для выравнивания верхней части, если высота слишком мала.

Question

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

То, что я пытаюсь сделать, - это центр div по вертикали, который я знаю, как делать с css. Проблема в том, что высота слишком мала, она все равно будет центрировать ее и отрезать сверху и снизу.

Вот демо, что я имею в виду: http://jsfiddle.net/reitermarkus/23B43/
Полноэкранный демо: http://fiddle.jshell.net/reitermarkus/23B43/show/light/

Можете ли вы сказать мне, как выровнять его вверх, если высота слишком мала? Предпочтительно без JS.

Спасибо,
Маркус

Answer 1

Единственный способ вы могли бы определить, является ли высота ниже требуемого минимума через JS:

var el = document.getElementById('id'); 
    var el_height = el.offsetHeight; 

    if(el_height < min_height){ 
    //apply class or inline style 
    el.className = 'align_top'; 
    } 

Очевидно, что вам нужно определить min_height вар , Кроме того, для DOM-манипуляции было бы лучше использовать jQuery. Выравнивание элемента в верхней части документа было бы просто удалением отрицательного поля и определение 'top' как 0;