如何增加HTML表格中列的宽度？

Question

如何增加HTML表格中列的宽度？

以下是我的代码。我试图让每行中的第二个<td>标记展开，以便输入文本框（第一个<td>标记）与Cookie的名称及其价格之间有更多空格（第3个{ {1}}标签）。有任何想法吗？

<td>

Answer 1

您可以使用内联样式

为列添加宽度

<td style="width: 50%">

或者更好的是，在样式表中

td.column1 { width: 50% }
....
<td class="column1">
....

您还可以为列之间的空间指定填充

td.column1 { padding-right: 64px }

顺便说一下，变化巨大的colspan值看起来很奇怪。他们应该实现什么目标？

Answer 2

你可以用像素或百分比来做：

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="300">
<TR>
<TD WIDTH="100">Column 1</TD>
<TD WIDTH="200">Column 2</TD>
</TR>
</TABLE>

或

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD WIDTH="25%">Column 1</TD>
<TD WIDTH="75%">Column 2</TD>
</TR>
</TABLE>

Answer 3

如果表列之间需要更多空间，则可以使用CSS margin / width属性以及适合您的任何值。我强烈反对在你的html代码中包含html视觉格式，尽管你这样做，花时间学习一些html属性的含义，因为“colspan”没有指定tds之间的宽度，而是将它们组合成一个td。 / p>

Answer 4

<td style="width: 100px;">Cell data here</td>

将数字替换为您想要的任何宽度。请注意，列将是整个表中的最大大小。因此，如果第2行在第1行中为200px而在第2行中为300px，则该列最终将在所有行中为300px。

Answer 5

解决了Jared Updike带来的colspan问题后，我会检查使用CSS并增加padding-left and padding-right的值。