[解決済み] <td>に固定幅を設定するには?
2022-03-16 01:35:32
質問
シンプルな仕組みです。
<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>
はそのままです。
解決方法は?
Bootstrap 4.0の場合。
Bootstrap 4.0.0では、以下のように
col-*
クラスは確実に動作します (Firefox では動作しますが、Chrome では動作しません)。
そのため
OhadRの回答
:
<tr>
<th style="width: 16.66%">Col 1</th>
<th style="width: 25%">Col 2</th>
<th style="width: 50%">Col 4</th>
<th style="width: 8.33%">Col 5</th>
</tr>
Bootstrap 3.0用です。
twitter bootstrap 3 で使用します。
class="col-md-*"
ここで * は幅のある列の数です。
<tr class="something">
<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用です。
twitter bootstrap 2で使用します。
class="span*"
ここで * は幅のある列の数です。
<tr class="something">
<td class="span2">A</td>
<td class="span3">B</td>
<td class="span6">C</td>
<td class="span1">D</td>
</tr>
** もし、あなたが
<th>
要素ではなく、そこに幅を設定します。
<td>
要素を使用します。
関連
-
[CSSチュートリアル]cssのbackgroundとborderタグの例 詳細
-
[CSSチュートリアル】CSSのクラスとidの共通命名規則
-
[css3]CSS3のダイヤモンドパズルは、divの背景画像を回転させない機能だけを実現するために
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] .css()を使って!importantを適用するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】CSSのトリッキーなグラデーションで高度な背景光アニメーションの感覚を実現
-
[css3]CSS3タブアニメーションの背景切り替えの動的効果例
-
[css3]css3におけるtransformプロパティの4つの機能
-
[CSSチュートリアル】QQtabBarからCSS命名規則BEMの詳細を見る
-
[CSSチュートリアル】新しいCSS:whereと:is擬似クラス関数とは?
-
[Div+CSSチュートリアル】divの背景を透明にする設定例
-
[CSSチュートリアル]CSS動的高さ遷移のアニメーション効果の実装の
-
[CSSチュートリアル】シンプルなナビゲーションバー機能を実現するhtml+css
-
[CSSチュートリアル]ドラッグ&ドロップ効果を実現するピュアCSSコード
-
[解決済み] Twitter Bootstrapのテーブルの幅が常に100%なのはなぜですか?