การจัดตำแหน่งองค์ประกอบ flex ตาม parent พร้อมระยะห่างเท่ากัน
พฤติกรรมของค่า space-around ส่วนใหญ่มักไม่ใช่สิ่งที่คุณต้องการ ส่วนใหญ่แล้ว
เราต้องการให้ระยะห่างที่ระบุทั้งหมดเท่ากัน
สำหรับสิ่งนี้ได้มีการสร้างค่า space-evenly ขึ้นมา
ซึ่งจะทำสิ่งที่เราต้องการ:
.parent {
display: flex;
justify-content: space-evenly;
}
ผลลัพธ์จากการรันโค้ด: