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

简单的方案:

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

我需要为<td>设置一个固定宽度。我试过了:

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

Also

td.something {
  width: 90px;
}

for

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

甚至

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

但是<td>的宽度是一样的。

当前回答

我也遇到过这个问题，我用这个方法来克服…所以你可以试试

其他回答

如果在表上使用<table class="table">， Bootstrap的表类将为表添加100%的宽度。您需要将宽度更改为自动。

此外，如果表的第一行是标题行，则可能需要将宽度添加到th而不是td。

使用固定的表布局CSS在表，并设置一个百分比的td。

试试这个——

<style>
 table { table-layout: fixed; }
 table th, table td { overflow: hidden; }
</style>

好的，我刚刚找出了问题所在-在引导设置为默认值宽度选择元素，因此，解决方案是:

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

其他的都对我没用。

我已经为这个问题纠结了一段时间了，所以以防万一有人和我犯同样愚蠢的错误…… 在<td>中，我应用了带有white-space:pre style的元素。这使得我所有的table/tr/td技巧都被丢弃了。当我删除该样式时，突然间我所有的文本都在td中被很好地格式化了。

所以，总是检查主容器(如table或td)，但也总是检查你是否在更深的地方取消你的beautifull代码:)

推荐文章