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

Question

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

我在JSFiddle上添加了一个带有我正在使用的控件的演示。 我尝试使用尺寸作为输入文本， style =“width：”＆gt; 作为选择，即使我设法使它们具有相同的宽度，（它也没有似乎在Chrome中工作了）这有点困难，这就是为什么我想知道是否有更简单的方法来做同样的事情

任何想法或见解？

Answer 1

给它们一个使它们伸展到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>