html - 将填充设置为 0 后，HTML 文本元素的填充在浏览器之间不一致

Question

我给元素一个边框，这样你就可以看到不一致的填充。我唯一添加的是 3 个元素中的每个元素的 padding-left。我正在尝试在不同浏览器之间以均匀的间距垂直排列标题。想不通。

这是它在 Chrome 中的外观：http: //postimage.org/image/ly5gzp0k5/

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

所有填充顶部和底部设置为零。事实上，所有的 css 都被重置为我的知识，经过数小时的尝试，我决定在 Stack Overflow 上发帖，希望有人能提供任何帮助。

提前致谢。

score 1 · Accepted Answer

1

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

于 2013-01-24T20:25:34.377 回答

score 0 · Accepted Answer

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

我建议定义在你的 css 中使用哪个盒子模型：

2 回答 2