Selesaikan jurang yang tidak diketahui antara elemen dalam Flexbox menggunakan HTML5

Jurang tidak diketahui antara elemen dalam Flexbox disebabkan oleh keruntuhan margin daripada pemisahan tajuk ke lajur. Untuk membetulkannya -

• Tetapkan semula jidar pengepala kepada 0 atau tambahkan jidar pada lajur.
• Anda boleh mengisi bar dengan menambahkan padding atribut: 10px pada bar.

Cuba coretan kod berikut untuk menyelesaikan isu jurang yang tidak diketahui -

.bar {
   background: yellow;
   color: gray;
   height: 250px;
   padding: 10px;
   text-align: center;
}

Atas ialah kandungan terperinci Selesaikan jurang yang tidak diketahui antara elemen dalam Flexbox menggunakan HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!