如何为<td>设置固定宽度？

Question

简单方案：  <tr class="something">    <td>A</td>    <td>B</td>    <td>C</td>    <td>D</td>  </tr>我需要为设置一个固定宽度<td>。我试过了：tr.something {  td {    width: 90px;  }}也td.something {  width: 90px;}对于<td class="something">B</td>乃至<td style="width: 90px;">B</td>但是的宽度<td>仍然相同。

Answer 1

对于Bootstrap 4.0：

在Bootstrap 4.0.0中，您不能col-*可靠地使用这些类（在Firefox中有效，但在Chrome中不可用）。您需要使用OhadR的答案：

<tr>

  <th style="width: 16.66%">Col 1</th>

  <th style="width: 25%">Col 2</th>

  <th style="width: 50%">Col 4</th>

  <th style="width:  8.33%">Col 5</th>

</tr>

对于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>

**如果您有<th>元素，请在此处而不是在元素上设置宽度<td>。

Answer 2

我遇到了同样的问题，我将表固定了，然后指定了td宽度。如果您有，也可以做。

table {

    table-layout: fixed;

    word-wrap: break-word;

}

模板：

<td style="width:10%">content</td>

请使用CSS构造任何布局。