如何使用 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，使用“span*”类，遵循与 Bootstrap 3.0 相同的模式。

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

重要注意

如果您有个表格中的元素，请确保设置第

个元素的宽度元素并且不在 上元素。这是因为元素从其父元素 继承其宽度。元素。

以上是如何使用 Bootstrap 设置 HTML 表格中元素的固定宽度？的详细内容。更多信息请关注PHP中文网其他相关文章！