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

html-css012

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

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

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

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

<table>

<tr><td colspan='3'>这个单元格横跨3列</td>

<tr><td rowspan='2'>这个单元格纵跨两行</td>

</table>

CSS即层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS控制表格横向显示Html代码: <div style="position:relative"><table class="t1"><tr><td>1</td></tr></table><table class="t2"><tr><td>2</td></tr></table><table class="t3"><tr><td>3</td></tr></table></div>CSS代码:<style type="text/css">.t1, .t2, .t3 {width:100pxposition:absolute}.t2 {top:0left:100px}.t3 {top:0left:200px}</style>