Bagaimanakah Saya Boleh Mengalih Keluar Pemisah Secara Responsif dalam Senarai Mendatar?

Pengalihan Keluar Pemisah Responsif untuk Senarai Mendatar

Dalam konteks senarai tersusun mendatar, adalah wajar untuk mengalih keluar pemisah yang muncul apabila senarai itu dibalut dengan yang baharu garisan kerana saiz viewport tidak mencukupi. Artikel ini meneroka kaedah untuk mencapai penyingkiran pemisah responsif ini.

Penyelesaian CSS Sahaja

Satu pendekatan yang memanfaatkan CSS adalah berdasarkan fakta bahawa ruang putih mengekor dan mengekori baris runtuh secara automatik. Dengan sengaja menambah ruang selepas setiap item senarai, pemisah boleh dialih keluar dengan berkesan. Kod CSS berikut menunjukkan teknik ini:

b {
    background: red;
    outline: 1px solid blue;
}

div {
    resize: both;
    overflow: hidden;
}

document.write(`<div>`
+ `word<b> </b>`.repeat(42)
+ `</div>`);

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Pemisah Secara Responsif dalam Senarai Mendatar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!