Bagaimana untuk Menghalang Kata-kata Panjang daripada Memecah Susun Atur DIV Anda?

Mencegah Perkataan Panjang daripada Memecah Susun Atur Div

Masalah:

Susun atur DIV sering menghadapi isu perkataan panjang yang melangkaui sempadan bekas div, mewujudkan tidak profesional penampilan.

Penyelesaian:

Sempang Lembut (&malu;):

Masukkan sempang lembut pada selang waktu yang sesuai untuk membimbing pelayar mana nak patahkan kata panjang. Penyemak imbas biasanya memaparkan perkataan dengan sempang lembut yang diterjemahkan sebagai perkataan tunggal atau dengan sempang tengah perkataan.

Elemen:

Suntikan elemen pada titik putus yang berpotensi untuk menunjukkan tempat perkataan boleh dipecahkan tanpa sempang.

Sempang CSS (auto):

Sifat CSS ini (disokong oleh IE, Firefox , dan Safari) menyempang perkataan secara automatik berdasarkan kamus. Walau bagaimanapun, ia mungkin tidak memecahkan semua perkataan yang panjang dengan berkesan.

Penyelesaian Retro-Whining:

Gunakan paparan: table-cell; ke bekas div untuk meniru gelagat regangan sel jadual.

Limpahan dengan White-Space: pra-bungkus:

Tetapkan limpahan: tersembunyi; dan ruang putih: pra-bungkus; pada bekas div untuk memaksa perkataan pecah dalam sempadannya sambil mengekalkan aksara ruang putih.

Pertimbangan Tambahan:

Pelayar dan enjin carian mengabaikan tanda sempang lembut dan elemen semasa mencari teks. Chrome dan Firefox mengabaikannya apabila menyalin teks ke papan keratan.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Kata-kata Panjang daripada Memecah Susun Atur DIV Anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!