html – 什么使内部文本在中心(垂直和水平)定位?

前端之家收集整理的这篇文章主要介绍了html – 什么使内部文本在中心(垂直和水平)定位?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想了解是什么让< button>标签默认情况下将文本放在元素的中心.水平对齐由text-align:center控制.什么控制垂直对齐?

这是小提琴:http://jsfiddle.net/GW9KL/

以下是适用于< button>的Chrome默认样式表.无法看到是什么使它垂直对齐.

解决方法

这个问题引起了我的兴趣,所以我开始调查.简而言之,至少在chrome中,显示:-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;
}

猜你在找的HTML相关文章