Css Firefox中的填充不同
在我测试过的所有浏览器中,我的按钮如下所示: 除了在Firefox中,它看起来是这样的:Css Firefox中的填充不同,css,firefox,cross-browser,Css,Firefox,Cross Browser,在我测试过的所有浏览器中,我的按钮如下所示: 除了在Firefox中,它看起来是这样的: ,我做错了什么?在一个普通的站点上,您应该始终包括一个重置,以消除浏览器之间的这些小不一致。这里有一个简单的例子: (编辑:好的,您可以使用normalize,这也可以工作) 然而,在你的情况下,我也建议不要在顶部和底部使用填充物,去掉它们和你的高度,而使用线条高度!这将使您的文本在任何地方都能很好地居中。尝试使用CSS重置,Firefox会添加大量额外的填充、边框等@t我正在使用normalize.c
,我做错了什么?在一个普通的站点上,您应该始终包括一个重置,以消除浏览器之间的这些小不一致。这里有一个简单的例子: (编辑:好的,您可以使用normalize,这也可以工作)
然而,在你的情况下,我也建议不要在顶部和底部使用填充物,去掉它们和你的高度,而使用线条高度!这将使您的文本在任何地方都能很好地居中。尝试使用CSS重置,Firefox会添加大量额外的填充、边框等@t我正在使用
normalize.css
,我想我已经捕获了所有适用的样式…我认为在FF 15中这对我来说是正常的:@TomMedley我认为Brian的答案是正确的,使用线条高度和删除填充将更加一致