ホームページ > ウェブフロントエンド > CSSチュートリアル > 異なるブートストラップ バージョンで HTML テーブル セル (``) の固定列幅を設定するにはどうすればよいですか?

異なるブートストラップ バージョンで HTML テーブル セル (``) の固定列幅を設定するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-20 14:43:16
オリジナル
392 人が閲覧しました

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

HTML テーブルの列幅の決定 要素

CSS を使用してテーブル データ セル ( 要素) に固定幅を設定するには、使用されているブートストラップのバージョンを理解することが重要です。

< ;h3>Bootstrap 4.0 以降

の場合Bootstrap 4.0 以降のバージョンでは、ブラウザ間で一貫性がないため、col-* クラスに依存して列幅を制御することはお勧めできません。代わりに、次のアプローチをお勧めします:

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

Bootstrap 3.0

Bootstrap 3.0 内では、 -md- クラスは次のようにする必要があります は 12 の分割数で必要な列幅を表します。例:

<tr></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><td>
ログイン後にコピー
ログイン後にコピー


ブートストラップ2.0

Bootstrap 2.0 では、span クラスを使用して列幅を制御します。 は必要な列の数を示します。例:

<tr></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><td>
ログイン後にコピー
ログイン後にコピー


幅に注意することが重要です。

に設定する必要があります。 ではなく要素を使用します。要素 if 要素が行内に存在します。

以上が異なるブートストラップ バージョンで HTML テーブル セル (``) の固定列幅を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
前の記事:CSS の :focus と :active の違いは何ですか? 次の記事:要素の幅が「自動」に設定されている場合、要素の幅をアニメーション化するにはどうすればよいですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート