如何从CSS设置表格单元格填充？

Question

我正在努力解决给定HTML表格中的单元格填充问题（由Drupal生成）。

表格如下：

我尝试了以下内容：

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

我想在单元格内容周围添加填充，如下所示：

不幸的是，填充在桌子周围，而不是单元格的内容。我该如何解决这个问题？

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. top div（标识符“.view-thumbnails-of-tips-and-tricks”）
2. 表格中的div（“td”）