ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのテーブルを改行せずに表示する方法

HTMLのテーブルを改行せずに表示する方法

藏色散人
藏色散人オリジナル
2021-04-12 10:08:053865ブラウズ

改行なしの表表示を実現する方法: まず、対応する HTML コード ファイルを開き、次にスタイル「word-break: keep-all;word-wrap:break」を「td,th」に追加します。 table -word;" は改行なしで表示する効果を得ることができます。

HTMLのテーブルを改行せずに表示する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

htmlの表に改行を表示しない場合の効果

表で、セル内に改行が不要な場合は、表の下のtdとthにスタイルを追加します。

word-break: keep-all;
word-wrap:break-word;

word -break: keep-all; この場合、中国語では行の折り返しはありません。

word-wrap:break-word; 英語では折り返しはありません。

途中にスペースがある場合は、スペースのところで折り返す デフォルトでは折り返す必要がない場合は、次のスタイルを使用します

white-space: nowrap;

この場合、通常は幅を設定する必要はありません表。表はコンテンツに応じて自動的に調整されます

[推奨学習:

HTML ビデオ チュートリアル ]

以上がHTMLのテーブルを改行せずに表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。