ช่องว่างที่ไม่รู้จักระหว่างองค์ประกอบใน flexbox เกิดจากการยุบระยะขอบของส่วนหัวไปยังการแบ่งแถบ เพื่อแก้ไขปัญหานี้ -
- มาร์จิ้นทั้งสองถูกรีเซ็ตเป็น 0 สำหรับส่วนหัวหรือเพิ่มเส้นขอบในแถบ
- การเติมสามารถทำได้ที่แถบโดยเพิ่มการเติมคุณสมบัติ:10px ให้กับแถบ
ลองใช้ข้อมูลโค้ดต่อไปนี้เพื่อแก้ไขปัญหาช่องว่างที่ไม่รู้จัก -
.bar {
background: yellow;
color: gray;
height: 250px;
padding: 10px;
text-align: center;
} 