ขณะนี้พร็อพเพอร์ตี้ปรับเนื้อหาสำหรับเลย์เอาต์แบบบล็อกเป็นส่วนหนึ่งของเกณฑ์พื้นฐานแล้ว

Rachel Andrew

ตอนนี้คุณสามารถใช้พร็อพเพอร์ตี้ align-content จากการจัดแนวกล่อง CSS ในเลย์เอาต์บล็อกและตารางได้แล้ว การทำเช่นนี้จะช่วยให้สามารถจัดวางทิศทางแบบบล็อกได้โดยไม่ต้องสร้างเลย์เอาต์แบบ Flex หรือตารางกริด

การสนับสนุนเบราว์เซอร์

  • 123
  • 123
  • 125
  • 17.4

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

เมื่อใช้ align-content สำหรับเลย์เอาต์แบบบล็อก คุณจะมีการจัดแนวตามแนวตั้งโดยไม่ต้องสร้างเลย์เอาต์แบบยืดหยุ่นหรือตารางกริดเพื่อให้พร็อพเพอร์ตี้ทำงานได้ ไม่จำเป็นต้องใช้คุณสมบัติเพิ่มเติมเนื่องจากรายการดังกล่าวยังคงเป็นรายการบล็อก สิ่งที่จะเปลี่ยนแปลงมีเพียงการจัดแนวเท่านั้น

พร็อพเพอร์ตี้ align-content จะจัดส่วนหัวให้อยู่กึ่งกลางในแนวตั้งภายในคอนเทนเนอร์แบบบล็อก