ホームページ > ウェブフロントエンド > CSSチュートリアル > TD 要素でテキストを折り返すにはどうすればよいですか?

TD 要素でテキストを折り返すにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-15 11:45:03
オリジナル
1010 人が閲覧しました

How to Make Text Wrap in a TD Element?

テキストを で折り返すタグ

問題:

表のセル ( 要素) 内でテキストを折り返す必要がありますが、style="word- が設定されていることがわかりました。ラップ: ブレークワード;" width="15%" ではテキストは折り返されません。

答え:

TD テキストを折り返す

効果的に折り返すには 内のテキスト要素を使用するには、次の手順に従います。

  1. テーブル スタイルの設定:

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

    これにより、テーブルの幅が固定され、テキストを幅を超えないように巻きますtable.

  2. TD スタイルの設定:

    td {
        word-wrap:break-word
    }
    ログイン後にコピー

    これにより、表のセル内でのワードラップが有効になります。

次の手順に従うと、 内でテキストを折り返すことができます。セル幅が制限されていても要素を表示できます。

以上がTD 要素でテキストを折り返すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート