HTML – 在tbody上填充

前端之家收集整理的这篇文章主要介绍了HTML – 在tbody上填充前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用vBulletin设计一个主要使用表格来设置网站样式的论坛.我如何在tbody上使用填充来将内容与边界隔开?

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

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

解决方法

方法1
你有几个不同的选择:
tbody:before {
  content: '';
  display: block;
  height: 20px;
}

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

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

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

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

原文链接:https://www.f2er.com/html/228532.html

猜你在找的HTML相关文章