Rumah > hujung hadapan web > tutorial css > Cara Membungkus Teks dalam Tag: Mengapa 'word-wrap: break-word;' Tidak Cukup?

Cara Membungkus Teks dalam Tag: Mengapa 'word-wrap: break-word;' Tidak Cukup?

Barbara Streisand
Lepaskan: 2024-11-16 09:55:04
asal
702 orang telah melayarinya

How to Wrap Text within <td> Teg: Mengapa Tag: Mengapa "word-wrap: break-word;" Tidak Cukup? " />

Cara Membungkus Teks dalam Teg

Dalam usaha anda untuk mengawal aliran teks dalam sel data jadual (), ia adalah penting untuk memahami bahawa rahsia itu terletak pada dua peraturan CSS yang penting Walaupun anda mungkin pada mulanya cuba menggunakan "word-wrap: break-word;" dan a lebar 15% untuk mencapai pembalut teks, tetapan ini terbukti tidak mencukupi Penyelesaian terletak pada gabungan reka letak jadual dan pemformatan TD.

Untuk membalut teks dengan berkesan dalam teg 🎜>

  1. Tentukan Gaya Jadual:Mulakan dengan mentakrifkan reka letak jadual sebagai "tetap" menggunakan CSS berikut:

    table {
        table-layout: fixed;
    }
    Salin selepas log masuk
    Tetapan ini memastikan sel jadual mengekalkan lebar pratakrifnya, membolehkan pembalut teks yang cekap.

  2. Gunakan Pembalut Teks TD:Seterusnya, gunakan peraturan "word-wrap:break-word" kepada elemen 🎜>

    Dengan mematuhi garis panduan ini, anda boleh membungkus teks dengan berkesan dalam tag, memastikan paparan kandungan optimum walaupun dalam dimensi sel terhad.
    td {
        word-wrap: break-word
    }
    Salin selepas log masuk

Atas ialah kandungan terperinci Cara Membungkus Teks dalam Tag: Mengapa 'word-wrap: break-word;' Tidak Cukup?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan