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

简单的计划。

  <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>的宽度仍然是一样的。

TylerH
已编辑的问题 3日 一月 2019 в 8:05
编程
css html-table twitter-bootstrap width
27日 二月 2013 в 2:50
18 种观点

如果你在你的表格上使用<table class="table">，Bootstrap'的表格类会给表格添加100%的宽度。你需要把宽度改为自动。

另外，如果你的表格的第一行是标题行，你可能需要把宽度加到th而不是td。

评论(1)

好吧，我刚刚发现问题所在--在Bootstrap中，为select元素设置了默认值width，因此，解决方案是。

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

其他任何东西都对我不起作用。

评论(0)

如果没有页面html的上下文或你的CSS的其他部分，很难判断。可能有无数的原因导致你的CSS规则没有影响到td元素。

你是否尝试过更具体的CSS选择器，如

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

这样可以避免你的CSS被bootstrap css中更具体的规则所覆盖。

(顺便说一下，在你带有style属性的内联css样本中，你拼错了宽度--这可以解释为什么那次尝试会失败！)

评论(0)