如何從CSS設置表格單元格填充？

Question

我在給定的HTML表格中生成單元格填充問題（由Drupal生成）。

表如下：

我試過如下：

.view-thumbnails-of-tips-and-tricks { 
    padding: 10px 10px 10px 10px; 
} 

我想加入圍繞單元格內容填充如下：

Unfor可調節地，填充圍繞桌子而不是單元的內容。我該如何解決這個問題？

Answer 1

.view-thumbnails-of-tips-and-tricks tr td { 
    padding: 10px; 
} 

Answer 2

您的課後指定td：

.view-thumbnails-of-tips-and-tricks td { 
    padding: 10px; 
} 

此外，請務必在HTML設置cellpadding爲零的情況下，用戶代理樣式表提供了自己的價值。該值可能會覆蓋或添加到CSS值。

<table cellpadding="0"> 

Answer 3

您應該將CSS設置爲該單元格，而不是持有者。

因此，您可以設置該單元格的類名稱並自定義CSS。

如：.view-thumbnails-of-tips-and-tricks td { padding: 10px; }

希望這有助於

Answer 4

嘗試定義這樣你的風格：

.view-thumbnails-of-tips-and-tricks td { 
    padding: 10px 10px 10px 10px; 
} 

這意味着你要定義樣式：

1. 頂格（標識符「.view-thumbnails-of-tips-and-tricks」）
2. 表格裏面div（「td」）