在将填充设置为0之后,HTML文本元素在浏览器之间具有不一致的填充

时间:2013-01-24 20:19:39

标签: html css text fonts padding

我给元素一个边框,这样你就可以看到不一致的填充。我唯一添加的是向3个元素中的每个元素添加一个填充。我试图在不同浏览器之间使用均匀空间垂直分隔标题。无法理解。

以下是Chrome浏览器的外观: http://postimage.org/image/ly5gzp0k5/

以下是它在IE中的外观: http://postimage.org/image/qa34t76al/

所有填充顶部和底部都设置为零。事实上,根据我的知识重新设置所有css,经过几个小时的努力弄明白,我决定发布Stack Overflow,希望得到任何人可以提供的帮助。

提前致谢。

2 个答案:

答案 0 :(得分:1)

您可以使用line-height垂直定位文字。 Here是如何使用它的一些示例。

答案 1 :(得分:0)

由于不同的盒子模型,填充在浏览器中的处理方式不同。您可以使用css属性“box-sizing”来设置使用一个盒子模型而不是另一个盒子模型。

我建议您定义在css中使用哪个盒子模型:

http://css-tricks.com/box-sizing/