How TO - เว็บไซต์ศูนย์กลาง
เรียนรู้วิธีจัดเว็บไซต์ของคุณให้อยู่ในแนวนอนด้วย CSS
เว็บไซต์ศูนย์
เรียนรู้วิธีจัดเว็บไซต์ของคุณให้อยู่ตรงกลางในแนวนอน:
ตัวอย่างนี้จัดกึ่งกลางตามแนวนอนบนหน้าจอที่มีความกว้างมากกว่า 500 พิกเซล
วิธีจัดเว็บไซต์ของคุณให้อยู่ตรงกลาง
ใช้องค์ประกอบคอนเทนเนอร์และตั้งค่าmax-width
เฉพาะ ความกว้างทั่วไปที่เว็บไซต์จำนวนมากใช้คือ 960px หากต้องการจัดหน้าให้อยู่ตรงกลางจริงๆ ให้เพิ่มmargin: auto
.
ตัวอย่างต่อไปนี้จะทำให้เว็บไซต์อยู่กึ่งกลางหน้าจอที่กว้างกว่า 500px บนหน้าจอที่มีความกว้างน้อยกว่า 500px จะขยายทั้งหน้า:
ตัวอย่าง
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
เคยได้ยินเกี่ยวกับW3Schools Spacesไหม? ที่นี่คุณสามารถสร้างเว็บไซต์ของคุณตั้งแต่เริ่มต้นหรือใช้เทมเพลตและโฮสต์ได้ฟรี
เริ่มต้นฟรี ❯* ไม่ต้องใช้บัตรเครดิต