Question

我需要在长13列表中布局数据。但它需要看起来像两个表，第10列和第11列之间有一些空格。如何在HTML中完成？我的第一个想法是一个14列的表，第11列占用空间但不可见。但是，我无法弄清楚如何做到这一点。

Answer 1

如果您不想拥有空表格单元格，这对于视障人士来说可能很奇怪，请尝试这样做。

<style type="text/css">
    td {display: inline-block;}    
    td.spaced {margin-left: 20px;}
</style>
<table>
    <tr>
        <td>One</td>
        <td>Two</td>
        <td class="spaced">Three</td>
    </tr>
</table>

http://jsfiddle.net/eS3QE/

Answer 2

我认为这更像是一个CSS问题，但可以使用:nth-child轻松完成。创建空表格单元格作为第11列，并使用：

td:nth-child(11) {
    border: 0;
}

http://jsfiddle.net/ExplosionPIlls/rZYRd/

Answer 3

试试这个例子，看看它是否符合你的喜好... 5个cols在第2和第4列之间有一个间隔。它可以改进但我认为它有你想要的外观。

<html>
<table cols=5 style='border:thin solid blue'>
<tr>
<th style='border:thin solid blue'>Col 1</th>
<th style='border:thin solid blue'>Col 2</th>
<th>&nbsp</th>
<th style='border:thin solid blue'>Col 3</th>
<th style='border:thin solid blue'>Col 4</th>
</tr>
<tr>
<td style='border:thin solid blue'>Col 1A</th>
<td style='border:thin solid blue'>Col 1B</th>
<td>&nbsp</th>
<td style='border:thin solid blue'>Col 1D</th>
<td style='border:thin solid blue'>Cell 1E</th>
</tr>
</table>
</html>

将spacer列添加到HTML表

3 个答案: