html - 浏览器正在自动调整网格布局

Question

我似乎无法弄清楚为什么(只有 chrome)会自动调整我商店中的网格布局

它只在整个商店的 2 个页面上执行 -

  http://www.towingpartsoutlet.com/chain-assemblies-grade-80-chain-assemblies-3-8-chain-assemblies-g80.html
  http://www.towingpartsoutlet.com/chain-assemblies-grade-70-chain-assemblies-5-16-grade-70-v-chains.html

CSS 中没有特定于浏览器的规则...

我很困惑。任何人都可以帮助。

Answer 1

在您的 css 文件的 第 34 行 上，css-element.css。用这个代替一切。应该比以前更好用(即使在其他浏览器上，table 也有一点重叠)。 :D

tr, td {
    margin: 0 2px 2px 0;
    display: inline-table;
    table-layout: fixed;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word;
}

然后也添加这个 CSS(在 tr/td 代码之前):

table {
    border-spacing: 0;
}