Разница между кнопками и высотой строки - PullRequest
Новая
       1

Разница между кнопками и высотой строки

1 голос
/ 28 июля 2011

У меня есть следующий html / css (я использую встроенный в демонстрационных целях): 

<div style="background-color:#e00; height:30px;">
    <div style="float:left;line-height:30px;">
        <button style="height:20px;line-height:normal;">Button 1</button>
    </div>

    <div style="float:right;line-height:30px;">
        <button style="height:20px;line-height:normal;">Button 2</button>
    </div>
</div>

если вы запустите код под HTML5 doctype, кнопки будут вертикально выровнены в середине (что я и ожидал)).

Однако, если вы запустите его в HTML4 Transitional doctype, кнопки будут перемещены вверх.Исправление для этого заключается в добавлении & nbps; (или любой текст) после кнопки.Есть идеи, почему это происходит?

1 Ответ

0 голосов
/ 28 июля 2011

Собираетесь ли вы использовать один макет на двух разных страницах типа документа? Если нет, то в чем проблема?

Однако вот некоторые сведения о различиях: http://www.w3.org/TR/html5-diff/

...