вертикальное выравнивание никогда не отвечает

Question

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

В основном мы можем исправить это с помощью display: table-cell, потому что вертикальное выравнивание идеально подходит для таблицы, и IE будетне отвечаю за это.

Но есть ли у нас какое-либо другое альтернативное исправление для вертикального выравнивания.

Вот мой пример, который я должен исправить.http://jsfiddle.net/gviswanathan/5rVJ3/

Answer 1

использование line-height было бы хорошей заменой ... но, это зависит от того, на что вы его применяете ... хотя в вашем случае это сработает ... проверьте скрипку, добавлено height,width,line-height

http://jsfiddle.net/mvivekc/R4Y4s/2/

Answer 2

Вы можете исправить это с отрицательным нижним полем на ул.Вот рабочий пример: http://jsfiddle.net/5rVJ3/13/

код, который изменился:

.w ul, .w li {
    list-style : none;
    margin: 0 0 -7px 0;
    padding: 0;
}

Answer 3

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

<div style="margin-bottom: ?px">

где?при необходимости может быть + ve или -ve