如何使用CSS设置表列中所有元素的宽度

Question

我有一个基于表格的布局,一个主要的两列表格,用于表格的左侧和右侧.每列包含一个内部的两列表,带有标签和输入列,每个字段都在其自己的行上.

我可以使用CSS来设置两个输入列的宽度吗？

例如

<table id="frameTable">
  <tr>
    <td id="leftFieldList">
      <table class="formColumn">
        <tr>
          <td>Surname</td>
          <td><asp:TextBox.....></td>
        </tr>
        <tr>
          <td>Address</td>
          <td><asp:TextBox.....></td>
        </tr>
        ....
        ....
      <table>
    </td>
</table>

在带有"formColumn"类的表中,我想<td>用服务器控件设置第二个的宽度.我更喜欢这样做,而不是<td>在我的字段列表中为每一秒分配一个类.

Answer 1

最佳解决方案:使用col标签!

<style> .col2 { width: 200px; } </style>
...

<table class="formColumn">
  <colgroup>
    <col></col>
    <col class="col2"></col>
  </colgroup>
  <tbody>
    <tr>...
  </tbody>
</table>