ตอนนี้คุณสามารถใช้พร็อพเพอร์ตี้ align-content จากการจัดแนวกล่อง CSS ในเลย์เอาต์บล็อกและตารางได้แล้ว การทำเช่นนี้จะช่วยให้สามารถจัดวางทิศทางแบบบล็อกได้โดยไม่ต้องสร้างเลย์เอาต์แบบ Flex หรือตารางกริด
การสนับสนุนเบราว์เซอร์
- 123
- 123
- 125
- 17.4
งานที่เคยทำไม่ได้ในการจัดวัตถุให้อยู่กึ่งกลางในแนวตั้งนั้นทำได้ง่ายขึ้นโดยใช้ Flexbox และตารางกริดและใช้พร็อพเพอร์ตี้ align-content แต่เกี่ยวข้องกับการสร้างเลย์เอาต์แบบยืดหยุ่นหรือตารางกริดโดยไม่มีเหตุผลอื่นใดนอกจากการจัดแนวนี้
มีการระบุพร็อพเพอร์ตี้สำหรับเลย์เอาต์แบบบล็อก และในช่วง 2-3 เดือนที่ผ่านมา เครื่องมือหลักทั้ง 3 แพลตฟอร์มได้จัดส่งฟีเจอร์นี้แล้ว
เมื่อใช้ align-content สำหรับเลย์เอาต์แบบบล็อก คุณจะมีการจัดแนวตามแนวตั้งโดยไม่ต้องสร้างเลย์เอาต์แบบยืดหยุ่นหรือตารางกริดเพื่อให้พร็อพเพอร์ตี้ทำงานได้ ไม่จำเป็นต้องใช้คุณสมบัติเพิ่มเติมเนื่องจากรายการดังกล่าวยังคงเป็นรายการบล็อก สิ่งที่จะเปลี่ยนแปลงมีเพียงการจัดแนวเท่านั้น
align-content จะจัดส่วนหัวให้อยู่กึ่งกลางในแนวตั้งภายในคอนเทนเนอร์แบบบล็อก