Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Membuat Balutan Teks dalam Elemen TD?

Bagaimana untuk Membuat Balutan Teks dalam Elemen TD?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-15 11:45:031054semak imbas

How to Make Text Wrap in a TD Element?

Balut Teks dalam Tag

Masalah:

Anda ingin membungkus teks dalam sel jadual ( elemen) tetapi telah menemui tetapan itu style="word- bungkus: kata putus;" width="15%" tidak membalut teks.

Jawapan:

Balut Teks TD

Untuk membalut dengan berkesan teks dalam elemen, ikut langkah berikut:

  1. Tetapkan Gaya Jadual:

    table {
        table-layout: fixed;
    }

    Ini memastikan bahawa lebar jadual ditetapkan, membenarkan teks balut tanpa melebihi lebar jadual.

  2. Tetapkan Gaya TD:

    td {
        word-wrap:break-word
    }

    Ini membolehkan pembungkusan perkataan dalam sel jadual.

Dengan mengikuti langkah ini, anda boleh membungkus teks dalam elemen walaupun dengan lebar sel terhad.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Balutan Teks dalam Elemen TD?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn