2

我在 Firefox 的表格中遇到了多余的空格问题。

这是一个活生生的例子：http ://test.komak.nl/seals/cartridge-seals

这个 jsFiddle 向我展示了同样的问题：http: //jsfiddle.net/DVbCC/

在 Chrome 或 Safari 中，每一行都整齐地放置在另一行之下，并且空格最少，但在 Firefox 中，所有行的底部都有多余的空格。根据我的阅读，这种情况在 Firefox 中更常见于图像。然后display:block;是解决方案。但是，这不适用于表格单元格。

如果您检查表格，您可以看到我添加margin:0; padding:0;到<p>'s 和padding-bottom:0;' <td>s，但这显然不能解决问题。我也玩过display: block，float:left 但这对桌子不好。

我希望这里有人可以将我推向正确的方向？

Ps 我在 Mac OSX 上工作

4

3 回答 3

2

不同的浏览器对默认填充、文本大小等的实现略有不同。最简单的第一步是包含一个 CSS 重置文件（在任何其他 CSS 之前），它将在所有浏览器中标准化这些。

有些将提供每个元素样式的“标准”版本（因此标题仍然类似于标题，但现在所有浏览器的默认字体、大小和间距都相同），而另一些则会从字面上剥离任何样式规则的所有内容。

有很多可用的，这里有一个列表：http ://www.cssreset.com/

于 2013-08-01T12:29:05.793 回答
2

如果跨浏览器出现这种不一致，我建议您使用 CSS 重置，可能是Eric Mayer 重置

这将使您的所有差异正常化，并使您的页面在所有浏览器中具有统一的一致性。

编码：

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
于 2013-08-01T12:24:15.503 回答
0

您需要在此处添加填充：

.breadcrumb {
    color: #5D5D5D;
    font-size: 10px;
    margin-bottom: 15px;
    padding: 0px;
}
于 2013-08-01T12:31:16.913 回答