如何让td之间没有间距
要让td之间没有间距,可以通过设置table的border-collapse属性为collapse来实现。这样,相邻的单元格将会合并边框,看起来就没有间距了。
HTML代码示例:
<style>
table {
border-collapse: collapse;
}
</style>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
</table>
此外,还可以通过设置td的padding和margin为0,以及设置table的cellspacing属性为0来进一步消除间距。
HTML代码示例:
<style>
table {
border-collapse: collapse;
cellspacing: 0;
}
td {
padding: 0;
margin: 0;
}
</style>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
</table>
``
原文地址: https://www.cveoy.top/t/topic/hHjU 著作权归作者所有。请勿转载和采集!