问题

简单方案:

  <tr class="something">
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
  </tr>

我需要为&lt; td&gt; 设置固定宽度.我试过:

tr.something {
  td {
    width: 90px;
  }
}

td.something {
  width: 90px;
}

<td class="something">B</td>

甚至

<td style="width: 90px;">B</td>

但是&lt; td&gt; 的宽度仍然相同.



解决方法

对于Bootstrap 3.0:

使用twitter bootstrap 3使用: class ="col-md - *"其中*是宽度的列数.

<tr class="something">
    <td class="col-md-2">A</td>
    <td class="col-md-3">B</td>
    <td class="col-md-6">C</td>
    <td class="col-md-1">D</td>
</tr>

对于Bootstrap 2.0:

使用twitter bootstrap 2使用: class ="span *"其中*是宽度的列数.

<tr class="something">
    <td class="span2">A</td>
    <td class="span3">B</td>
    <td class="span6">C</td>
    <td class="span1">D</td>
</tr>

**如果您有&lt; th&gt; 元素设置宽度,而不是&lt; td&gt; 元素.




相关问题推荐