表上的CSS不加載，直到我刷新

我有th和td上的填充25%的表。
但是;填充不適用，除非我使用CTRL + SHIFT + R刷新頁面。怎麼來的？表上的CSS不加載，直到我刷新

範例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％

來源

2017-04-21 Jonathan Öhrström

因爲您的瀏覽器緩存了樣式表 – billynoah

並且在您再次刷新頁面之後？這個問題是否一致？ –

inpect頁源代碼，看看應用了什麼css，並告訴它是否是正確的（重裝之前） – NoOorZ24

填充百分比「refer to the width of the containing block」。由於您無法設置tr的寬度，因此不起作用。即使它看起來工作，它也不是跨瀏覽器的解決方案。我建議在px中設置單元格填充，或者在單元格中使用div並以百分比爲填充設置填充。

來源

2017-04-21 08:10:11 itacode

是的，這可能是一個更好的主意。我決定使用'border-spacing'屬性來解決這個問題。謝謝！ –

只要清楚是基於CTRL + SHIFT + R的疑問，或者只是簡單地刷新？

對於後者，我相信據我所知，CSS不會動態地產生其變化。也就是說，正如您在問題中所提到的，每當您對CSS編碼進行更改時，都必須刷新頁面。

希望這是你正在尋找的答案。

來源

2017-04-21 07:15:03 IsiraK

這不是我的問題。我很清楚，每次我進行更改時都必須刷新頁面。但是，只有在完全刷新頁面時，這些代碼才適用。 –

哦，我通過使用完整的刷新看到它，只有它改變你的CSS編碼。抱歉不正確的答案，我會研究這個，因爲它對我來說也是新的。 – IsiraK

表上的CSS不加載，直到我刷新

回答

相關問題