-1

我什么都试过了

<table cellspacing="10"></table>

并尝试在 css 中做到这一点：

td {
    padding: 10px;
}

似乎没有任何工作。我不知道如何解决这个问题，并且已经尝试了大约 2 个小时。请帮忙。谢谢你。这是有问题的网页的链接。

http://s1527.mtchs.org/wordpress/fees/

4

3 回答 3

1

你有一个样式表规则

.calendar-table table, tbody, tr, td {
    padding: 0 !important;
}

您需要在作者重要样式表中具有更高特异性的选择器才能覆盖它。您可能应该删除该其他规则，或者将其替换为padding: 10px

于 2013-05-20T23:42:10.483 回答
0

这应该为您指明正确的方向

<style type="text/css">
 td {
  padding: 10px;
 }
</style>
<table cellspacing="10">
 <tr>
  <td>some text</td>
 </tr>
</table>
  1. CSS 规则进入<style>标签（通常在<head>文档中）
  2. CSS 中的“C”代表级联。确保其他规则不会覆盖它。（有关更多信息，请参见 Explosion Pills 的回答）。
  3. Mozilla 有一个很好的学习 CSS的起点
于 2013-05-20T23:41:35.243 回答
0

为了获得更好的 HTML 和 CSS，我建议您将表格内的值包装在span元素中。这样你就可以实现你的结果，并且不需要复杂的 CSS。

例如：

<tr>
    <td>
        <span class='my-fancy-cell'>$1</span>
    </td>
</tr>

并给出span一个类和你需要的 CSS。这不仅更清洁，而且是一个优雅的解决方案。

my-fancy-cell {
    padding: 10px;
}

您拥有的替代方案（您在其他答案中看到的）是：

  • border-spacingCSS 规则
  • important!CSS 指令
  • box-sizingCSS 规则
  • displayCSS 规则

（或它们的组合）

于 2013-05-20T23:43:29.210 回答