在tbody上填充

Question

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

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

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

Answer 1

方法1
您有两种不同的选择：

tbody:before {
  content: '';
  display: block;
  height: 20px;
}

基本上添加＆＃34;插入＆＃34;内容在结束之前。它是一种快速肮脏的＆＃34;固定。


方法2
另一个选择是为您的table border-collapse: collapse提供一个tbody边框值：

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

然而，这两种方法都有缺点。 before选择器可能在IE7中不起作用，并且需要!DOCTYPE才能在IE8中工作。第二种方法有时会有点敏感，具体取决于你的css的其余部分。请务必拥有!DOCTYPE