如何为空表格单元格指定宽度？

Question

在HTML中，如果我写<td></td>，那么它是一个空列。我怎样才能指定它占用的空间大小呢？我想让这样的空列比默认情况下多占用一些空间...目标是在页面的同一行中有两个文本框，就像这样： TextBox1 空白 TextBox2，对于“空白”，我认为可以使用<td></td>，但它的间距不够...所以如果你也有更好的想法来达到我的主要目标，那就太棒了。 谢谢。

- Bohn

---

你不需要额外的表格单元来实现这个。你可以通过在文本框之间添加一些空格来快速而简单地解决它，例如：    。或者如果你想保持更清洁的代码，你可以通过将此属性添加到你的输入元素中来为第一个文本框添加一些边距：style="margin:0 20px 0 0;"。 - Jules Colle

Answer 1

使用CSS样式:

td { width:42px; height:42px; }

不过，从你的问题中看来，我想鼓励你不要实现这个来达到你想要的效果。相反，可以通过样式化文本框控件使用边距来实现：

input[type="text"] { margin:12px; }

可以使用非断行空格（ ）进行空间分隔，但我不推荐这样做，因为它会被用于标记结构的布局和设计，而应该由抽象化的样式来决定。

- Grant Thomas

---

但它有一个非常严重的缺陷：边距也适用于第一列，使其左侧不再对齐。试图修复这个问题可能会让代码变得相当复杂和难以阅读。 - SMBiggs

Answer 2

在你的文本框中添加边距，这是你想要它们之间的空间。

在这里看看，你可以调整边距来决定你需要多少空间。

http://jsfiddle.net/tzUph/

- Patricia

Answer 3

将一个 div 放置在 td 内，并在 div 样式中设置宽度。我发现仅在 td 上设置宽度是不起作用的。

- Valery Gavrilov

Answer 4

您可以使用CSS来定位<td>并指定宽度参数。

td { 
   width:20px; 
}

- diagonalbatman