Rumah >hujung hadapan web >tutorial css >Bagaimana Saya Boleh Menghalang Kata-kata Panjang daripada Memecahkan Reka Letak Div Saya?
Cara Mencegah Perkataan Panjang daripada Menggugat Integriti Div Anda
Apabila beralih daripada susun atur berasaskan jadual kepada susun atur berasaskan div, tetapan timbul isu: kehadiran perkataan yang terlalu panjang yang melampaui sempadan div yang dimaksudkan, menjejaskan visual estetika tapak web anda.
Mengurangkan Masalah
Untuk mengelakkan kejadian yang tidak menyenangkan ini, beberapa penyelesaian yang berdaya maju wujud:
1. Sempang Lembut: Dengan memasukkan sempang lembut (&malu;) ke dalam perkataan yang panjang, anda boleh menentukan tempat penyemak imbas harus memecahkannya. Watak ini, apabila diterjemahkan, boleh mengakibatkan perkataan sempang atau perkataan dipecahkan merentas berbilang baris.
2.
3. Sempang CSS: Pelayar moden tertentu (IE, Firefox, Safari) menyokong sempang CSS. Sifat ini mendayakan sempang automatik perkataan untuk teks wajar yang lebih estetik.
4. Penyelesaian Retro-Whining: Bagi mereka yang mendambakan reka letak berasaskan meja klasik, paparan: sifat sel jadual boleh digunakan pada div, dengan berkesan mencontohi sifat boleh regangan meja sekolah lama.
5. Limpahan dan Ruang Putih: pra-balut: Dengan menetapkan sifat limpahan kepada tatal atau auto dan ruang putih untuk pra-balut, anda memaksa perkataan yang panjang untuk dibalut dalam div sempadan.
Atas ialah kandungan terperinci Bagaimana Saya Boleh Menghalang Kata-kata Panjang daripada Memecahkan Reka Letak Div Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!