Css 不同浏览器中的字体和行距

是否有任何合理的方法来控制所有浏览器的字体间距，以便文本按照预期排列，而不是绝对定位？以我正在从事的一个项目为例：

---

第一个是Firefox3.5，第二个是IE8，第三个是IE6。所示表单包含在绝对定位的div中，并使用ol/li元素进行布局。我在每个列表元素上都有5px的底边距来提供间距，但除此之外，所有内容都是内联呈现的。我知道每个浏览器呈现字体的方式都不一样，这是造成间距缓慢变化的原因，但当我试图在固定区域中布置一些东西（如模式对话框）时，这种特殊的形式给了我很大的麻烦。

另一种选择是为每个父元素添加高度声明。这样，只要您选择三个元素中最高的一个并将其设置为默认高度，所包含文本的高度就无关紧要。

另一个选项是为每个父元素添加高度声明。这样，只要您选择三个样式中最高的一个并将其设置为默认高度，所包含文本的高度就无关紧要。

实现重置CSS样式表，然后自己显式设置所有样式

这将消除不同浏览器应用稍微不同的默认值的趋势。例如，一个浏览器将在项目符号列表项上使用左边距，另一个浏览器将使用左边距。我忘了谁做什么。这就是为什么我总是使用重置！如果您先重置所有内容，那么您可以自行决定字体大小、行高、边距等，并在各种浏览器中保持一致

从雅虎的reset.css开始，或者试试另一个。谷歌搜索重置css将引导您对这种方法进行大量的讨论、利弊分析

祝你好运

实现重置CSS样式表，然后自己显式设置所有样式

这将消除不同浏览器应用稍微不同的默认值的趋势。例如，一个浏览器将在项目符号列表项上使用左边距，另一个浏览器将使用左边距。我忘了谁做什么。这就是为什么我总是使用重置！如果您先重置所有内容，那么您可以自行决定字体大小、行高、边距等，并在各种浏览器中保持一致

从雅虎的reset.css开始，或者试试另一个。谷歌搜索重置css将引导您对这种方法进行大量的讨论、利弊分析

---

祝你好运

在主CSS文件的顶部包含类似的内容，或将其包含在自己的CSS文件中：

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

---

这将清除所有基于浏览器的样式，使您的CSS样式在所有浏览器中都相同。

在主CSS文件的顶部包含类似的内容，或将其包含在自己的CSS文件中：

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

---

这将清除所有基于浏览器的样式，使您的CSS样式在所有浏览器中都相同。

作为回答这个问题的人，我也有点困惑：这一定是因为人们害怕他们不理解的东西。而且很难读懂。作为回答这个问题的人，我也有点困惑：那一定是因为人们害怕他们不理解的东西。而且很难读懂。我会试着把它修好。