html - 何が作るのか内側のテキストを中央 (垂直方向と水平方向) に配置するには?

Question

<button>タグがデフォルトで要素の中央にテキストを配置する理由を理解しようとしています。水平方向の位置合わせは、 によって制御されますtext-align: center。垂直方向の配置を制御するものは何ですか?

遊ぶためのフィドルは次のとおりです：http://jsfiddle.net/GW9KL/

の Chrome デフォルト スタイルシートは次のとおりです<button>。垂直方向に整列する理由がわかりません。

Answer 1

残念ながら、テキストの垂直方向の配置を定義する CSS プロパティはなく<button>、表示されるブラウザによって処理が異なります。ほとんどのソリューションには、クイック アンド ダーティの修正が含まれますline-heightがpadding、最終的には、スタイルを使用するなどの代替手段を使用するのが最善のようです。<div>要素。

この投稿は、ボタンのテキストについて役に立ちました:送信ボタン内のテキストの位置

プロパティの W3C 仕様はvertial-align次のとおりです。これは、「インライン レベルおよび「テーブル セル」要素」に適用されることを指摘しています: http://www.w3.org/TR/CSS2/visudet.html

ブラウザがテキストの場所を決定する方法を探しているなら、これに関するコメントは正しいです。それはブラウザ次第であり、コードに隠され、操作できなくなります。