Tag Archives: css center

Set popup window to center with CSS

Set popup window to center with CSS

การจัดการ popup ให้อยู่ center ของ Browser windows

ค้นหาจาก stackoverflow หลังจากคุ่นคิดว่าจะใช้ jQuery ดีไหม
วิธีง่ายๆ ที่ไม่ต้องใช้ jQuery มาช่วยบังคับ คือ class=”ชื่อคลาส” ที่จะทำให้อยู่กึ่งกลางจอตลอด กำหนด position:fixed; left:50%; top:50%; แล้ว กำหนดค่า margin ติดลบคืนกลับให้ค่าด้านซ้าย และด้านบน ด้วยการลบความสูงของ class=”ชื่อคลาส” หาร2 เช่น สูง 500px ก็ margin-top:-250px; ง่ายๆเลย คิดอยู่ตั้งนาน – -*