Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Mencegah Pecah Baris dalam Item Senarai dengan Pautan?

Bagaimana untuk Mencegah Pecah Baris dalam Item Senarai dengan Pautan?

Susan Sarandon
Lepaskan: 2024-11-19 18:59:03
asal
674 orang telah melayarinya

How to Prevent Line Breaks in List Items with Links?

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;
    Salin selepas log masuk

    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>
    Salin selepas log masuk

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

  • elemen:

    li {
      width: 150px;
    }
    Salin selepas log masuk

    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!

  • 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