Question

我想理解为什么style =“width：10px”适用于每一列而不是单元格，当我使用它时如下：

<td colspan="2" style="width:10px;">1</td>

实际上，这似乎创建了一个宽度为20px的单元格。似乎是宽度乘以colspan。这就是表模型如何工作以确保行正确加宽宽度？是在某处定义的吗？我是否有可能将宽度应用于整个单元格（这是我更自然的方式来阅读它）而不是它跨越的每一列？即我期待这个创建一个宽10像素而不是20像素的单元格，但我可以想象为什么会出现这种情况。

此外，我很想知道如果表格嵌入表格中我是否可以期望一致的浏览器体验，其中内部表格的单元格的宽度加起来超过包含表格的单元格的宽度，即：< / p>

<table border="1" cellpadding="0" cellspacing="0">
<tr>
    <td colspan="1" style="width:10px;">1</td>
    <td colspan="1" style="width:10px;">
        <table border="1" cellpadding="0" cellspacing="0">
            <tr><td colspan="1" style="width:10px;">1</td><td colspan="1" style="width:10px;">2</td></tr>
            <tr><td colspan="1" style="width:10px;">3</td><td colspan="1" style="width:10px;">4</td></tr>
        </table>
    </td>
</tr>
<tr>
    <td colspan="1" style="width:10px;">3</td>
    <td colspan="1" style="width:10px;">4</td>
</tr>

在该示例中，内表的宽度为22像素。嵌入其中的单元具有10个像素的宽度。我已经检查了浏览器，它似乎在最近的浏览器上表现一致，但问题是它会破坏一些列并使它们成为我不想要的宽度。在任何地方都定义了这种情况的预期/正确行为吗？

非常感谢您对此的任何帮助！此外，如果有更好的地方提出这样的问题，我也很高兴听到这个问题。

Answer 1

您没有设置跨越2列或更多列的表格单元格的宽度。这些单元格将扩展以适合为它们跨越的单元格设置的宽度。仅设置跨越单个列的单元格的宽度。顺便说一句，你可以放弃colspan =＆＃34; 1＆＃34;属性，因为只跨越一列是任何表格单元格的默认设置。

结合colspan和style =“width：10px;” on element（表格列）

1 个答案: