วิธีการจัดศูนย์ Div

สารบัญ:

วิธีการจัดศูนย์ Div
วิธีการจัดศูนย์ Div

วีดีโอ: วิธีการจัดศูนย์ Div

วีดีโอ: วิธีการจัดศูนย์ Div
วีดีโอ: การจัดศูนย์นั่งแท่น สำหรับปืนยาวชาวบ้าน เพื่อการแข่งขัน 2024, พฤศจิกายน
Anonim

มาตรฐานเค้าโครงหน้าสมัยใหม่ไม่ได้ห้ามการใช้เค้าโครงตาราง อย่างไรก็ตาม เค้าโครงแบบเลเยอร์ได้กลายเป็นมาตรฐานบังคับเมื่อสร้างไซต์ นอกจากข้อดีที่เห็นได้ชัดแล้ว การแทนที่เค้าโครงตารางยังทำให้เกิดปัญหาใหญ่และเล็กใหม่ๆ หนึ่งในนั้นคือการจัดแนวแนวนอนของโครงสร้างบล็อกในหน้า ลองดูวิธีใช้งานจริงสองสามวิธีในการตั้งค่าเลเยอร์ให้อยู่ตรงกลางของความกว้างของหน้า

วิธีการจัดศูนย์ div
วิธีการจัดศูนย์ div

จำเป็น

ความรู้พื้นฐานของ HTML

คำแนะนำ

ขั้นตอนที่ 1

หนึ่งในตัวเลือกสำหรับการแก้ปัญหาการจัดตำแหน่งเลเยอร์ (บล็อก DIV) ให้อยู่ตรงกลางของหน้าต่างของหน้าที่เปิดอยู่จะถูกข้ามโดยใช้ HTML เท่านั้น (ภาษามาร์กอัป HyperText - "ภาษามาร์กอัปไฮเปอร์เท็กซ์") คุณต้องใส่บล็อกไว้ในแท็ก โค้ดเพจที่ง่ายที่สุดซึ่งจัดวางในลักษณะนี้ อาจมีลักษณะดังนี้:

การจัดตำแหน่ง DIV ให้อยู่ตรงกลาง

ขั้นตอนที่ 2

อีกตัวเลือกหนึ่งใช้ CSS (Cascading Style Sheets) ในรูปแบบของเลเยอร์ที่จัดตำแหน่ง คุณต้องตั้งค่าการตรวจจับอัตโนมัติของจำนวนออฟเซ็ตจากขอบหน้าต่าง โค้ดของหน้าดังกล่าวในรูปแบบที่ง่ายที่สุดสามารถเป็นได้ดังนี้:

การจัดตำแหน่ง DIV ให้อยู่ตรงกลาง