GORAGOD.com

freelance, web developer, web designer, hosting, domain name

เรื่องของ position กับกลางจอ

     หากจำเป็นต้องใช้ position เป็น absolute แล้ว จะไม่สามารถกำหนดตำแหน่งแนวนอนให้กลางจอได้ ด้วย float เหมือนที่เคยใช้กัน

.center {
     float:none;
     margin:0 auto;
     position:absolute;
}

แบบนี้ไม่กลางจอแน่

ถ้าจำเป็นต้องกำหนด position เป็น absolute และยังต้องให้อยู่กลางจอให้ใช้ คำสั่งแบบนี้

.center {
     width:300px; /* จำเป็นต้องกำหนดความกว้างให้คงที่ */
     position:absolute;
     left:50%; /* ด้านซ้ายครึ่งจอ  */
     margin-left:-150px; /*margin-left ติดลบครึ่งหนึ่งของความกว้าง */
}
0SHAREFacebookLINE it!
^