td标签莫名出现的内边距!!!!

今天在写一个表格的东东,有一个td标签出现了个莫名其妙的padding,消不掉,逼死强迫症。

<tr>
    <td class="gutter"></td>       -> 就是它
    <td class="code"></td>
</tr>

clipboard.png

我一开始也以为不是padding,但是调试的时候chrome显示确实是padding,无奈。

clipboard.png

关键问题我加了padding: 0 !important;不起作用,一脸懵逼!求解答。。。

clipboard.png

阅读 13.3k
3 个回答

还是要自我终结,刚刚有一哥们评论说不是padding,这就很尬了,不是padding才有鬼了,但是没有找到相关文献证明,还是一个心结,要是有人找到了,甩我一个。
<table>标签下<td>存在两个以上的时候,高的那个会撑起矮的那一个,矮的那一个剩下的高度会均分在上下padding可视区域居中,图我就不贴了,想测的人可以测一下。
还有一点补充一下,这个存在的padding,不管设置什么都没法消除,上面的问题已经证明了。

新手上路,请多包涵

在<table>标签中设置cellpadding="0",可以消除<td>的padding。

新手上路,请多包涵

tr、th会默认设置display:table-row。padding,margin是无效的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题