border-collapse 为collapse的时候,为什么最外面框的padding不起作用了

Posted 闲言博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了border-collapse 为collapse的时候,为什么最外面框的padding不起作用了相关的知识,希望对你有一定的参考价值。

原因

border-collapse 设置为 collapse 时,table和td会发生合并,没有了间隙,所以padding失效

解决办法

在table 标签套一层div,给div设置padding样式即可。

以上是关于border-collapse 为collapse的时候,为什么最外面框的padding不起作用了的主要内容,如果未能解决你的问题,请参考以下文章

为啥`border-collapse:collapse`会导致相邻单元格在未绘制时具有顶部边框

如何使用border-collapse在thead中显示边框?

关于table边框,设置了border-collapse:collapse之后,设置border-radius没效果

HTML画表格table边线重合问题(border-collapse: collapse;)

HTML画表格table边线重合问题(border-collapse: collapse;)

table边框