HTML中table与td之间的距离怎么设置?

答案:1 悬赏:10 手机版

解决时间 2021-08-24 03:18

提问者网友：一抹荒凉废墟
2021-08-23 22:57

HTML中table与td之间的距离怎么设置?

<table style="border:1px solid black;">
<td>
<table border="0">
<td style="border:1px solid black;">First</td>
</table>
</td>
</table>
怎样才能改变两个table边框之间的距离（图中所示）?用CSS呢?

最佳答案

五星知识达人网友：醉吻情书
2021-08-23 23:35

要么是设置外面table的padding值,要么是设置里边table的margin值!可以这样写<body>
\x09<table style="border:1px solid #000">
\x09\x09<tr>
\x09\x09\x09<td>
\x09\x09\x09\x09<table style="border:1px solid #ccc;margin:2px;">
\x09\x09\x09\x09\x09<tr>
\x09\x09\x09\x09\x09\x09<td>
\x09\x09\x09\x09\x09\x09\x09First
\x09\x09\x09\x09\x09\x09</td>
\x09\x09\x09\x09\x09</tr>
\x09\x09\x09\x09</table>
\x09\x09\x09</td>
\x09\x09</tr>
\x09</table>
</body>也可以这样写
<body>
\x09<table style="border:1px solid #000;padding:2px;">
\x09\x09<tr>
\x09\x09\x09<td>
\x09\x09\x09\x09<table style="border:1px solid #ccc;">
\x09\x09\x09\x09\x09<tr>
\x09\x09\x09\x09\x09\x09<td>
\x09\x09\x09\x09\x09\x09\x09First
\x09\x09\x09\x09\x09\x09</td>
\x09\x09\x09\x09\x09</tr>
\x09\x09\x09\x09</table>
\x09\x09\x09</td>
\x09\x09</tr>
\x09</table>
</body>
再问：　　那如果我想把两个表格之间的距离去掉呢？这个就算padding是0还是margin是0都办不到。也就是说，那样的话，实际效果就相当于一个表格了。可我如果这样达到这样的效果怎么办？
再答：刚刚我试了一下，不管是一个表格还是两个表格均不能达到你要的效果，不过你可以使用两个div，这个不影响，不像table里边，它和它的行元素之间会有2px的距离

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息