单元数据没有填充?

时间:2013-05-20 23:39:43

标签: html css

我已经尝试了一切,

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

并尝试在css中执行此操作:

td {
    padding: 10px;
}

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

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

3 个答案:

答案 0 :(得分:1)

您有一个样式表规则

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

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

替换它

答案 1 :(得分: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”代表级联。确保其他规则不会覆盖它。 (详见爆炸丸的答案)。
  3. Mozilla有一个很好的kickstart for learning CSS

答案 2 :(得分:0)

为了获得更好的HTML和CSS,我建议您将值包含在span元素中的表中。通过这种方式,您可以获得结果,而且不需要棘手的CSS。

例如:

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

并为span提供您需要的课程和CSS。这不仅更清洁,而且是一种优雅的解决方案。

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

您拥有的替代品(您在其他答案中看到的)是:

  • border-spacing CSS规则
  • important! CSS指令
  • box-sizing CSS规则
  • display CSS规则

(或它们的组合)