将DropdownList和TextBox的宽度对齐在表中

时间:2013-03-19 17:27:48

标签: asp.net drop-down-menu textbox alignment css-tables

我有一个包含1列的表格。在此列中,可以是带文本框的行或带有下拉列表的行。我现在想要的是这些控件具有相同的宽度。所以我将控件的宽度设置为100%。结果是,下拉列表比文本框短5-10px。 我试过设置:

Width="100%"

以及:

style="width: 100%"

但那里没有成功。在Visual Studio设计器中,宽度对于所有控件都是正确的。但在Firefox,Chrome甚至IE中,下拉列表都较短。

建议请:)

1 个答案:

答案 0 :(得分:5)

我使用box-sizing看到了这项工作:

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

JS Fiddle Demo