HTML表格定位和列间距

时间:2012-08-29 21:11:44

标签: html html-table

在我的代码的“表格样式”部分中,有没有办法让我调整表格中列之间的空间?另外,我应该放置什么属性以确保表位置完全对齐左侧和顶部?

<table style="width: 960px; height: 81px;" border="0">

3 个答案:

答案 0 :(得分:5)

对于当前和将来的兼容性,请使用CSS:

// cellspacing
table { border-collapse:separate; border-spacing: 5px; }

要确保桌子与左侧和顶部对齐,请移除任何左上边距和左边距。您可能还希望根据表需要存在的位置更改定位(位置:relative或position:absolute)。

参考:border-collapse | border-spacing

答案 1 :(得分:0)

cellpadding控制单元格内的间隙,cellspacing控制它们之间的空间。

<table style="width: 960px; height: 81px;" border="0" cellpadding="0" cellspacing="0">

对于对齐,您可以在表格单元格中控制它:

<td align="left" valign="top">

答案 2 :(得分:-1)

您可以尝试使用cellspacing属性来创建空间