“flex justify” เป็นคำสั่งที่ใช้ใน CSS Flexbox ซึ่งใช้สำหรับการจัดตำแหน่งของสมาชิกภายใน flex container โดยจะกำหนดวิธีการกระจายตำแหน่งของสมาชิก ตามแนวแกนตั้งหรือแนวแกนนอน โดยมีค่าอยู่ 5 แบบ ได้แก่:
- flex-start: จัดตำแหน่งสมาชิกไว้ที่เริ่มต้นของ flex container ในแนวแกนที่กำหนด
- flex-end: จัดตำแหน่งสมาชิกไว้ที่สุดท้ายของ flex container ในแนวแกนที่กำหนด
- center: จัดตำแหน่งสมาชิกไว้ตรงกลางของ flex container ในแนวแกนที่กำหนด
- space-between: จัดตำแหน่งสมาชิกให้อยู่ห่างกันเท่าๆ กันในแนวแกนที่กำหนด แต่ไม่มีช่องว่างข้างหน้าและข้างหลัง
- space-around: จัดตำแหน่งสมาชิกให้อยู่ห่างกันเท่าๆ กันในแนวแกนที่กำหนด โดยมีช่องว่างเท่าๆ กันระหว่างสมาชิกทุกคู่ และช่องว่างเพิ่มเติมด้านหน้าและด้านหลังของสมาชิกแต่ละตัว
แบ่งปันกัน เราอยู่กันไม่เกิน 100 ปีหรอกครับ
สุดท้ายก็ทิ้งไว้ที่โลก จะคงเหลือไว้แต่คุณงามความดีที่ให้ระลึกถึงกันครับ
Follow Us / Thanat Sirikitphattana
