HTML – 在tbody上填充

我正在使用vBulletin设计一个主要使用表格来设置网站样式的论坛.我如何在tbody上使用填充来将内容与边界隔开？

在这里,您可以看到我的主站点的图片,其内容被推离边界5px：

而在vBulletin上,在tbody上添加填充并不会推迟内容：

解决方法

方法1
你有几个不同的选择：

tbody:before {
  content: '';
  @R_502_6422@play: block;
  height: 20px;
}

在结束之前添加这个基本上“插入”内容.这是一种“快速肮脏”的修复方式.

方法2
另一个选择是让你的表边界崩溃：崩溃然后给你的tbody一个边界值：

table {
  border-collapse: collapse;
}
table tbody {
  border-right: 20px solid transparent;
}

然而,这两种方法都有缺点. before选择器可能在IE7中不起作用,并且需要！DOCTYPE才能在IE8中工作.第二种方法有时会有点敏感,具体取决于你的css的其余部分.一定要有一个！DOCTYPE