html - 如何使列的所有控件具有相同的宽度

嗨，我需要知道是否可以进行所有控制
一列的宽度相同，并且所有这些控件的宽度与包含它们的单元格一样宽。

我在JSFiddle上使用正在使用的控件添加了一个演示。
我尝试对输入文本使用size，对selects使用style =“ width：”>，尽管我设法使它们具有相同的宽度，（在Chrome中似乎不起作用），这还是有点困难，这就是为什么我想知道是否有更简单的方法来做同样的事情

有什么想法或见解吗？

最佳答案

给他们一个全都可以使其延伸到100％宽度的类（例如class =“ element”），然后将它们放在宽度为30％的div中。
或使用属性“ width：30％”定义一个类。
您可以在单独的CSS文件中定义类，也可以在页面顶部定义样式标签。
CSS：

.element{
   width: 100%;
}

div.container{
 width:  30%
}

html

<div class="container">
  <whatever class="element">...stuff.....</whatever>
  <sample class="element">...more stuff...</sample>
</div>