ศูนย์เนื้อหา
เทคนิคการจัดกึ่งกลางที่มี CSS เพียงไม่กี่บรรทัดนั้นทำงานได้ดีสำหรับหลายองค์ประกอบ แต่มีผลข้างเคียงจากการทำให้รายการย่อยตรงกับความกว้างขององค์ประกอบที่กว้างที่สุด
อ่านบทความฉบับเต็มสำหรับรายละเอียดเพิ่มเติมเกี่ยวกับเทคนิคนี้และกรณีที่มีประสิทธิภาพ
บทความฉบับเต็ม · วิดีโอบน YouTube · แหล่งข้อมูลเกี่ยวกับ GitHub
<article class="content-center">
<h1>Content Center</h1>
</article>
.content-center {
display: grid;
place-content: center;
gap: 1ch;
}
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2024-03-13 UTC
[null,null,["อัปเดตล่าสุด 2024-03-13 UTC"],[],[]]