การจัดตำแหน่งองค์ประกอบ flex ตาม parent พร้อมระยะห่างเท่ากัน

พฤติกรรมของค่า space-around ส่วนใหญ่มักไม่ใช่สิ่งที่คุณต้องการ ส่วนใหญ่แล้ว เราต้องการให้ระยะห่างที่ระบุทั้งหมดเท่ากัน

สำหรับสิ่งนี้ได้มีการสร้างค่า space-evenly ขึ้นมา ซึ่งจะทำสิ่งที่เราต้องการ:

css.parent {
  display: flex;
  justify-content: space-evenly;
}

ผลลัพธ์จากการรันโค้ด: