コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > 固定幅のテーブル（画像とテキスト）を拡張するための CSS が長すぎる問題を解決するにはどうすればよいですか?

固定幅のテーブル（画像とテキスト）を拡張するための CSS が長すぎる問題を解決するにはどうすればよいですか?

不言
リリース： 2018-07-26 09:40:10
オリジナル
2720 人が閲覧しました

この記事の内容は、td が長すぎる問題を解決する方法についてです。CSS を使用して固定幅のテーブル (画像とテキスト) を拡張する方法について説明しています。お役に立てれば幸いです

解決策:

テーブルにスタイルを追加: 

table{table-layout:fixed;word-break:break-all}
ログイン後にコピー

table-layout: 固定 テーブルの列幅はテーブルの幅と列幅。
word-break:break-all 単語内での改行を許可します。

通常の状況では:

テーブル内の TD が長すぎます:

スタイルを追加した後:


関連の推奨:

CSS を使用して HTML 要素を非表示にする方法HTML要素を非表示にする4つの方法

CSSとJSでレスポンシブナビゲーションメニューを実装する方法

以上が固定幅のテーブル（画像とテキスト）を拡張するための CSS が長すぎる問題を解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
固定宽度table
ソース：php.cn
前の記事：CSSを使って鳥を描く方法（コード） 次の記事：jqueryとcss3でナビゲーションバーを一番下に移動する方法（コード）
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
固定幅で最大幅 90% のグリッドの子がグリッド トラックからオーバーフローするのはなぜですか? 質問: 私の質問は非常に単純です。1500 ピクセルのビューポート幅に達すると、.header 要素がグリッド トラックからオーバーフローする理由を知りたいです。コード: *{bo...
から 2024-04-05 14:33:39
0
1
1426
表のタイトルを垂直方向に回転、中央 + 下揃え、クロスブラウザー ヘッダーが回転されたテーブルがありますが、これは Chrome では期待どおりに表示されますが、Firefox では期待どおりに表示されません。 Chromev108 (垂直下、水...
から 2024-04-04 16:45:25
0
1
330
書き換えられたタイトル: サイズ変更時に固定 HTML の正方形または円要素を水平方向および垂直方向に中央揃えにします。 水平方向と垂直方向にさまざまなサイズの正方形または円の固定 HTML 要素を中央に配置するにはどうすればよいですか?この難しさは、幅と高さを等しく保つ必要があるという事実から生じる...
から 2024-04-04 12:31:51
0
1
322
固定ヘッダーと回転列ヘッダーを備えた表 固定ヘッダーと固定最初の列を持つテーブルがあります。また、列ヘッダーを 45 度回転したいと考えています。固定タイトルには背景色を設定する必要があります。ただし、次の列の背景が前の...
から 2024-04-03 08:50:32
0
1
362
スクロールバーが表示されていない場合の tbody の幅を変更する スクロールバーのあるテーブルがあり、テーブルをフィルターするとスクロールバーが表示されませんが、これは私にとっては良いことですが、問題は幅が変化し、テーブルの幅が大きくなることです...
から 2024-04-02 11:15:58
0
1
277
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート