如何为可变单元格宽度设置固定表格边框宽度答案

【问题标题】：How to set fixed table border width for variable cells width如何为可变单元格宽度设置固定表格边框宽度
【发布时间】：2013-03-23 03:49:18
【问题描述】：

我有几个 RadiobuttonLists 并且列表项的所有标签文本都有不同的宽度。例如

单选按钮列表 #1

(o) this is a really long label         [textbox]

(o) this is another really long label   [textbox]

单选按钮列表 #2

(o) short label   [textbox]

(o) short         [textbox]

如您所见，文本框自然地将它们的位置设置在每个单选按钮列表集的最长标签的固定位置内。这就是我想要的。（单选按钮列表和文本框分别位于<td> 和<tables>。）

但是，我在每张桌子的 4 个边上都有一个边框（所以想象一下我上面示例下方的浅蓝色背景是边框）。

我需要所有表格的宽度相同，即宽度为 800 像素。

由于我不知道前 2 个<td> 的宽度，我如何确保它们加起来为 800px？

有什么想法吗？

【问题讨论】：

标签： asp.net html width html-table radiobuttonlist

【解决方案1】：

您应该能够使用简单的 css 规则来控制它。您可以将表格宽度设置为 800px，然后设置输入字段的宽度，并让 td 填充到它们的最大宽度。以这个小提琴为例。http://jsfiddle.net/JLF2n/

table{width:500px;background-color:#0af;border:2px solid #00f;padding:4px;}

td{border:2px solid #0f0;background-color:#afa;}
td+td{border:2px solid #ff0;background-color:#cc0;width:100px;}
input{width:100px;}

希望对你有帮助

【讨论】：