Bagaimana untuk Mencegah Pemisah Baris dalam Hiperpautan Item Senarai dengan CSS?

Mencegah Pecah Baris dalam Item Senarai dengan CSS

Apabila menambahkan hiperpautan ke senarai item menggunakan tag li, ruang kosong antara perkataan boleh menyebabkan pautan menjadi balut kepada berbilang baris. CSS menawarkan penyelesaian untuk menangani isu ini.

Penyelesaian 1: Harta Ruang Putih

Sifat ruang putih membolehkan anda mengawal cara ruang putih dikendalikan dalam elemen . Dengan menetapkan ruang-putih: nowrap; pada tag li, anda boleh menghalang pautan daripada membungkus:

li {
  white-space: nowrap;
}

Penyelesaian 2: Menambah Lebar Item Senarai

Jika anda tidak mahu menghapuskan semua ruang putih, anda boleh menambah lebar tag li. Ini memberikan pautan lebih ruang untuk dimuatkan pada satu baris:

li {
  width: 200px;
}

Kedua-dua penyelesaian berkesan menghalang pautan daripada dibungkus sambil mengekalkan kebolehbacaan senarai.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Pemisah Baris dalam Hiperpautan Item Senarai dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!