การจัดตัวฟลเลกซ์เอลิเมนต์ให้อยู่กึ่งกลางใน CSS

ค่าของ center ที่กำหนดไว้ใน คุณสมบัติ justify-content ช่วยให้สามารถจัด องค์ประกอบให้อยู่กึ่งกลางได้:

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

ผลลัพธ์ของการรันโค้ด: