html - 是什么让 <button> 将 innertext 置于中心(垂直水平)？

Question

我试图了解是什么让 <button>默认情况下，标记将文本定位在元素的中心。水平对齐由 text-align: center 控制.什么控制垂直对齐？

这是用来演奏的 fiddle :http://jsfiddle.net/GW9KL/

这是 <button> 的 Chrome 默认样式表.看不出是什么让它垂直对齐。

Answer 1

这个问题引起了我的兴趣，所以我开始调查。长话短说，至少在 chrome 中，display: -webkit-box; 应用于按钮元素。我必须安装一个开发者插件才能看到它。我复制并粘贴了样式并将其应用于 div。 JSfiddle 显示结果

示例 http://jsfiddle.net/GW9KL/2/

div {
text-align: center;
color: buttontext;
border: 2px outset buttonface;
background-color: buttonface;
font: -webkit-small-control;
-webkit-appearance: button;  
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
}