ขณะนี้พร็อพเพอร์ตี้ปรับเนื้อหาสำหรับเลย์เอาต์แบบบล็อกเป็นส่วนหนึ่งของเกณฑ์พื้นฐานแล้ว
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
เผยแพร่: 17 เมษายน 2024
ตอนนี้คุณใช้align-contentพร็อพเพอร์ตี้จากการจัดแนวกล่อง CSS
ในเลย์เอาต์บล็อกและตารางได้แล้ว ซึ่งจะช่วยให้จัดแนวบล็อกได้โดยไม่ต้องสร้างเลย์เอาต์ Flex หรือ Grid
Flexbox และ Grid ช่วยให้การจัดกึ่งกลางรายการในแนวตั้งซึ่งเคยเป็นเรื่องยากกลายเป็นเรื่องง่าย
รวมถึงพร็อพเพอร์ตี้ align-content แต่ก็ต้องสร้างเลย์เอาต์
Flex หรือ Grid โดยไม่มีเหตุผลอื่นนอกเหนือจากการจัดแนวนี้
มีการระบุพร็อพเพอร์ตี้สำหรับเลย์เอาต์บล็อก และในช่วง 2-3 เดือนที่ผ่านมา เครื่องมือหลักทั้ง 3 รายได้เปิดตัวฟีเจอร์นี้
เมื่อใช้ align-content สำหรับเลย์เอาต์บล็อก คุณจะจัดแนว
แนวตั้งได้โดยไม่ต้องสร้างเลย์เอาต์ Flex หรือ Grid สำหรับพร็อพเพอร์ตี้เพื่อให้
ทำงาน ไม่จำเป็นต้องมีพร็อพเพอร์ตี้เพิ่มเติมเนื่องจากรายการยังคงเป็นรายการบล็อก การเปลี่ยนแปลงเพียงอย่างเดียวคือการจัดแนว
พร็อพเพอร์ตี้ align-content
จะจัดกึ่งกลางส่วนหัวในแนวตั้งภายในคอนเทนเนอร์บล็อก
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2024-04-17 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2024-04-17 UTC"],[],[]]