我想了解是什么让< button>标签默认情况下将文本放在元素的中心.水平对齐由text-align:center控制.什么控制垂直对齐?
这是小提琴:http://jsfiddle.net/GW9KL/
以下是适用于< button>的Chrome默认样式表.无法看到是什么使它垂直对齐.
解决方法
这个问题引起了我的兴趣,所以我开始调查.简而言之,至少在chrome中,显示:-webkit-Box;应用于按钮元素.我必须安装一个开发人员插件才能看到它.我复制并粘贴了样式并将其应用于div. JSfiddle显示结果
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; }