如何在表格单元格之间填充而不是在整个表格周围填充？

| 我想要一个在每个单元格之间都带有填充的表格，但不要在外部边缘单元格周围，也就是说，不在表格本身周围。 使用： 
border-collapse : separate;
border-spacing  : 0.5em;
使我在使用时到处都填充： 
border-collapse : collapse;
在任何地方都没有填充。 尝试另一种方法，我可以使用
td + td
选择器仅在单元格之间水平填充。但是我不能使用
tr + tr
选择器，因为
tr
会忽略边距，填充和边框规则。 而且，当然，在普通“ 5”选择器上的填充适用于所有单元，即使是外部单元的外边缘也是如此。 这仅适用于当前的浏览器-对我而言，没有IE 6或7非常感谢。而且我不会通过IE 8放松睡眠，但是如果可以的话会很好。     
2020-02-07 3 条评论
分享

没有找到相关结果

    已邀请:

    场竟矩喘崩

            这不是一个完美的解决方案，因为它使用填充而不是边框​​间距。可能它会解决您的问题。 HTML： 
    <table>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
    <tr>
        <td>Data 3</td>
        <td>Data 4</td>
    </tr>
</table>
    和CSS： 
    table {
    border: 1px red solid;
    border-collapse: separate;
}

td {
    background-color: green;
    border: 1px black solid;
    padding: 10px;
}

td:first-child {
    padding-left: 0px;
}

td:last-child {
    padding-right: 0px;
}

tr:first-child td {
    padding-top: 0px;
}

tr:last-child td {
    padding-bottom: 0px;
}
    产生： 也在jsFiddle上。     
    2020-02-07 0 0
    分享

    摊揉售

            您是否可以摆弄标记，以将.first添加到一行的第一个单元格中，并将.last添加到最后一个单元格，并且我猜也添加到第一行和最后一行中，然后适当地填充？     
    2020-02-07 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册