Bagaimanakah Saya Boleh Mengalih Keluar Margin Tidak Diingini daripada Baris Terakhir Item Flex?

Mengalih keluar Margin daripada Item Flex pada Balut

Dalam coretan kod yang anda berikan, anda menghadapi masalah dengan baris terakhir item dalam flex anda bekas yang memaparkan margin-bawah yang tidak diingini. Memandangkan senarai teg anda adalah dinamik, anda tidak boleh menyasarkan item tertentu seperti "Item-13" atau "Item-14" secara langsung.

Untuk menangani perkara ini, mari kita terokai sifat CSS yang membolehkan kita mengawal jarak antara flex barang. Dalam Flexbox, sifat jurang boleh digunakan untuk menentukan ruang antara baris dan lajur item fleksibel.

Dengan menambahkan baris berikut pada CSS anda, anda boleh menghapuskan jidar dari yang terakhir baris:

.tags {
  gap: 5px;
}

Harta jurang akan melaraskan jarak antara item flex secara automatik, termasuk baris terakhir. Ia adalah sifat terbaharu yang disokong oleh penyemak imbas moden dan merupakan kaedah pilihan untuk menetapkan jarak dalam Flexbox.

Dalam penyemak imbas yang lebih lama, anda boleh mencapai kesan yang sama menggunakan sifat margin dengan nilai negatif, tetapi penyelesaian ini kurang dipercayai dan mungkin menyebabkan hasil yang tidak dijangka dalam konteks lain.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Margin Tidak Diingini daripada Baris Terakhir Item Flex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!