首頁 >web前端 >css教學 >如何在不同 Bootstrap 版本中為 HTML 表格單元格 (``) 設定固定列寬?

如何在不同 Bootstrap 版本中為 HTML 表格單元格 (``) 設定固定列寬?

Patricia Arquette
Patricia Arquette原創
2024-11-20 14:43:16395瀏覽

How Do I Set Fixed Column Widths for HTML Table Cells (``) in Different Bootstrap Versions?

確定HTML 表格的列寬 Elements

為了使用CSS 設定表格資料儲存格(

元素)的固定寬度,了解所使用的Bootstrap 版本至關重要。

< ;h3>Bootstrap 4.0 及更高版本

對於Bootstrap 4.0 及後續版本,由於瀏覽器之間的不一致,不建議依賴col-* 類別來控制列寬。相反,建議使用以下方法:

<tr>
<br> <th> </th>
<th style="width: 25%">Col 2</th>
<br> <th> </th>
<th style="width: 8.33%">第5 欄</th>
<br>
</tr><br>

Bootstrap 3.0

在Bootstrap 3.0 中,應使用col-md- 類,其中 表示所需的列寬度(以12 為單位)。例如:

<tr>
<pre class="brush:php;toolbar:false"><td>


Bootstrap 2.0

對於Bootstrap 2.0,span 類別用於控制列寬, 表示所需的列數。例如:

<tr>
<pre class="brush:php;toolbar:false"><td>


需要注意的是寬度應設定為

元素而不是 元素如果 元素存在於行中。

以上是如何在不同 Bootstrap 版本中為 HTML 表格單元格 (``) 設定固定列寬?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn