Bagaimana untuk Mencegah Pecah Baris dalam Item Senarai dengan Pautan?

Mencegah Pecah Baris dalam Item Senarai dengan CSS

Apabila memasukkan pautan dengan berbilang perkataan ke dalam senarai menu (cth., teg

), ruang putih boleh menyebabkan pembalut baris. Isu ini boleh diselesaikan menggunakan teknik CSS.

Penyelesaian:

Untuk mengelakkan pembalut baris dalam item senarai, gunakan sifat CSS berikut:

white-space: nowrap;

Harta ini mengarahkan penyemak imbas untuk tidak membalut baris dalam elemen, memastikan keseluruhan teks kekal pada satu talian.

Contoh:

<ul>
  <li><a href="#">Submit resume</a></li>
</ul>

<style>
  ul li {
    white-space: nowrap;
  }
</style>

Sebagai alternatif, anda boleh menyediakan lebih banyak ruang untuk pautan dengan melaraskan lebar

elemen:

li {
  width: 150px;
}

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