2016-03-21 2 views
-1

Эй, я хочу отобразить текст моей кнопки в центре моей кнопки. Итак, есть ли атрибут, который я могу изменить, чтобы он появился в центре? Прямо сейчас он находится на верхней границе моей кнопки.Установить Текст кнопки вертикально выровнен по центру/середине?

Я пытался использовать набивку-верхний атрибут, но он выглядит по-другому, используя другой браузер, как Firefox, IE и т.д.

Есть ли общее решение для отображения текста в центре кнопок?

Благодарим за любые советы!

+0

Вопросы, связанные с запросом кода, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **, предпочтительно в [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/) введение-работоспособной-на JavaScript CSS-и-HTML-код-фрагменты /). См. [** Как создать минимальный, полный и проверенный пример **] (http://stackoverflow.com/help/mcve) –

ответ

2

Поскольку вы не использовали общий код, я принимаю 30px высоту вашей кнопки. Используйте этот css в своей кнопке.

button{ 
    height:30px; 
    line-height:30px; 
} 

и удалите прокладку, если таковые имеются.

Это позволит выровнять текст по центру.

+1

Спасибо, что я использую 75px прямо сейчас. Но он отлично работает при использовании тех же px для высоты строки, что и для высоты кнопки. – Dyrdek

+1

ya thats почему я упомянул, что я предполагаю ... line-height увеличивает высоту текста, и если высота внешнего div и внутреннего текста одинакова, он автоматически включается в центр :) –

Смежные вопросы