จัดหน้าเว็บให้อยู่ตรงกลาง HTML ด้วยคำสั่ง margin ของ CSS

สอนเขียนโค้ดจัดหน้าเว็บให้อยู่ตรงกลาง HTML ด้วยคำสั่ง margin ของ CSS บทความนี้แนะนำการใช้คำสั่ง margin เพื่อจัดหน้าเว็บไซต์ให้อยู่ตรงกลางจอ โดยจะกำหนดผ่าน CSS และเรียกใช้งานที่ HTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง จัดหน้าเว็บให้อยู่ตรงกลาง HTML ด้วยคำสั่ง margin ของ CSS

<style>
    #website {
        width: 90%;
        margin: 0px auto;
        border: solid 1px red;
    }
</style>

<div id="website">website</div>

จัดหน้าเว็บให้อยู่ตรงกลาง ตัวอย่างกำหนดให้ div id=website คือ div หลักที่คลุมเนื้อหาของเว็บไซต์ทั้งหมด กรณีต้องการจัดหน้าเว็บให้อยู่ตรงกลาง แนะนำให้ใช้คำสั่ง margin: 0px auto จะทำให้ elements ใดๆ ก็ตามที่ได้รับคำสั่งนี้มีตำแหน่งอยู่ตรงกลางของพื้นที่การแสดงผล