如何为<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>仍然相同。


人到中年有点甜
浏览 1575回答 2
2回答

HUH函数

对于Bootstrap 4.0:在Bootstrap 4.0.0中,您不能col-*可靠地使用这些类(在Firefox中有效,但在Chrome中不可用)。您需要使用OhadR的答案:<tr>&nbsp; <th style="width: 16.66%">Col 1</th>&nbsp; <th style="width: 25%">Col 2</th>&nbsp; <th style="width: 50%">Col 4</th>&nbsp; <th style="width:&nbsp; 8.33%">Col 5</th></tr>对于Bootstrap 3.0:在twitter bootstrap 3中使用:class="col-md-*"其中*是宽度的列数。<tr class="something">&nbsp; &nbsp; <td class="col-md-2">A</td>&nbsp; &nbsp; <td class="col-md-3">B</td>&nbsp; &nbsp; <td class="col-md-6">C</td>&nbsp; &nbsp; <td class="col-md-1">D</td></tr>对于Bootstrap 2.0:在twitter bootstrap 2中使用:class="span*"其中*是宽度的列数。<tr class="something">&nbsp; &nbsp; <td class="span2">A</td>&nbsp; &nbsp; <td class="span3">B</td>&nbsp; &nbsp; <td class="span6">C</td>&nbsp; &nbsp; <td class="span1">D</td></tr>**如果您有<th>元素,请在此处而不是在元素上设置宽度<td>。

达令说

我遇到了同样的问题,我将表固定了,然后指定了td宽度。如果您有,也可以做。table {&nbsp; &nbsp; table-layout: fixed;&nbsp; &nbsp; word-wrap: break-word;}模板:<td style="width:10%">content</td>请使用CSS构造任何布局。
打开App,查看更多内容
随时随地看视频慕课网APP