如何从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”）