如何使用 Bootstrap 設定 HTML 表格中元素的固定寬度？

固定的寬度在HTML 中

為表格資料儲存格設定固定寬度(

) 是常見的樣式要求。然而，實現這一目標可能具有挑戰性，您可能嘗試了各種方法都沒有成功。

Bootstrap 4.0

不幸的是，在Bootstrap 4.0.0 中，您無法使用col-* 類別（因為它們僅適用於Firefox，不適用於Chrome ）。相反，您需要使用以下解決方法：

<tr>
  <th>

Bootstrap 3.0

在 Bootstrap 3.0中，您可以使用「col-md-」類，其中「」代表寬度的列數

<tr>
    <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

Bootstrap 2.0

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

對於Bootstrap 2.0，使用「span*」類，遵循與Bootstrap 3.0 相同的模式。

重要注意

如果您有個表格中的元素，請確保設定第 個元素的寬度元素並且不在 上元素。這是因為 元素從其父元素 繼承其寬度。元素。

以上是如何使用 Bootstrap 設定 HTML 表格中元素的固定寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！