Chrome 和 Firefox 之间的 HTML 和 CSS 不同答案

【问题标题】：HTML and CSS different between Chrome and FirefoxChrome 和 Firefox 之间的 HTML 和 CSS 不同
【发布时间】：2014-04-26 05:08:03
【问题描述】：

我有以下 HTML

<tr>
<td align="left">
<span wicket:id="valuenotifier">
<label name="currentValue" id="currentValue" wicket:id="currentValue" />%
</span> 
</td>
</tr>

和 CSS

#currentValue {
font-size: 45px;
font-family:"Times New Roman", Times, serif;
font-style: normal;
line-height:inherit;      
}

让我抓狂的是它们在 Firefox 和 Chrome 之间的布局方式略有不同。在 Chrome 中，它们是我放置它们的地方。在 Firefox 中，表格将表格上下（分别）上下推了几个像素。使我抓狂。有人知道如何阻止它吗？（因为我不会让你厌烦，所以不能告诉你关于 IE 的事情。）

【问题讨论】：

重置 CSS，类似于 this。浏览器有不同的基础 CSS，所以覆盖基础，并编写所有你自己的。您的 CSS 不会因浏览器而异。
necolas.github.io/normalize.css "使浏览器呈现所有元素更加一致并符合现代标准。它仅针对需要规范化的样式。"
谢谢 - 当我把整个东西都扔在那里时，它没有用。我可能必须逐个遍历元素，直到找到合适的元素

标签： html css google-chrome firefox

【解决方案1】：

做

-moz-margin:0px; 
-webkit-margin:0px;

在你的 CSS 中

【讨论】：