css里怎么设置两个td之间的横向距离

html-css014

css里怎么设置两个td之间的横向距离,第1张

请问 td 的横向距离是要实现怎样的效果?

其实可以通过 td 设置 padding,而 td 不设置边框,在 td 里面放一个 div 什么的,来模拟边框,这样就相当于 td 之间有横向距离。

但是这样 td 的 table-cell 特性就没有了,上面只是提出一个建议而已,实际还是需要根据需求实现效果。

<table>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

</table>

table 不加外框(不用border)

td或th中使用style,如果要调节宽度,可以修改width中的值。

如果想要调节行与行之间的宽度,可以在行之间加入一个空行<tr><td></td></tr>

想要调多宽就加多少个。

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

<tr><td></td></tr>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>