Question

我在25%和th上有一张td的填充表。
然而;除非我使用CTRL + SHIFT + R刷新页面，否则填充不适用。怎么样？

示例CSS：

table.foo {
    border: 0;
    margin: auto;
    color: #545454;
    margin-top: 30px;
}
th, td {
    text-align: left;
    padding-right: 25%;
}
th:last-of-type, td:last-of-type {
    padding-right: 0;
}

我用padding-right: 25%来获取单元格之间的水平空间。

为什么会这样？填充不是正确的方法吗？

更新：经过测试以保持刷新页面，我注意到每次间距都会改变..？就像它设置自己的间距为0 - 25％

Answer 1

填充百分比＆＃34; refer to the width of the containing block＆＃34;。由于无法设置tr的宽度，因此无法正常工作。即使它似乎工作，它不是跨浏览器解决方案。我建议在px中设置单元格填充或在单元格内使用div，并以百分比设置填充。

Answer 2

只是要明确你的疑问是基于CTRL + SHIFT + R，还是只是简单地刷新？

对于后者，据我所知，CSS不会动态产生变化。也就是说，正如您的问题中所提到的，每次更改CSS编码时都必须刷新页面。

希望这是您正在寻找的答案。

桌面上的CSS在我刷新之前没有加载

2 个答案: