2016-03-21 49 views
-1

ねえボタンの中央にボタンのテキストを表示したい。 変更できる属性が中央に表示されますか? 今はボタンの上端にあります。ボタンテキストを中央/中央に垂直に設定しますか?

など、私はパディングトップ属性を使用しようとしましたが、FirefoxやIEなどの別のブラウザを使用している場合、それは違って見えるボタンの中央にテキストを表示するための一般的な解決策はありますか?

ありがとうございました!

+0

助けを求めるコードのヘルプには、問題**の中で、** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/)のコードを再現するのに必要な最短コードを含める必要があります。 introduction-runnable-javascript-css-and-html-code-snippets /)があります。 [**最小限で完全で検証可能なサンプルを作成する方法**](http://stackoverflow.com/help/mcve) –

答えて

2

コードを共有していないので、私はあなたのボタンの高さを30pxと仮定しています。あなたのボタンでこのCSSを使用してください。

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

もしあればパディングを除去する。

これは、テキストを中央に配置します。

+1

ありがとう、私は75pxを今使っています。しかし、ボタンの高さと同じ高さに同じ高さを使用するとうまくいきます。 – Dyrdek

+1

ya thatsなぜ私は仮定していると思います... line-heightはテキストの高さを増やし、外側のdivとinner textの高さが同じ場合は自動的に中央に来ます:) –

関連する問題