จัดตำแหน่งเว็บไซต์ของคุณให้ตรงกลาง

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

คำแนะนำ

ขั้นตอนที่ 1

วิธีการจัดตำแหน่งกึ่งกลางขึ้นอยู่กับวิธีการจัดวาง คุณสามารถใช้แท็กหรือ

… แน่นอนว่ามันง่ายกว่าที่จะห่อเนื้อหาทั้งหมดในแท็ก แต่มันล้าสมัยไปนานแล้ว และไม่มีการรับประกันว่าทุกอย่างจะทำงานอย่างถูกต้อง วิธีที่ทันสมัยที่สุดคือการใช้เทคโนโลยี CSS

ขั้นตอนที่ 2

แท็กจะแยกส่วนของโค้ดออกเป็นบล็อกเดียว ทำให้คุณสามารถเปลี่ยนรูปลักษณ์ของเนื้อหาได้ โดยให้ฟอนต์ สี พื้นหลัง เป็นต้น ด้วยรูปแบบบล็อก เนื้อหาทั้งหมดของแท็กจะอยู่ในแท็ก ในเราตั้งค่าการจัดตำแหน่งด้วยแอตทริบิวต์จัดตำแหน่ง มันจะมีลักษณะดังนี้:

เนื้อหาเว็บไซต์

ขั้นตอนที่ 3

นอกจากนี้ยังสามารถตั้งค่าการจัดกึ่งกลางโดยใช้เครื่องมือ CSS ในการทำเช่นนี้ คุณต้องสร้างไฟล์แยกของสไตล์ชีตหรือวางทุกอย่างในไฟล์ HTML เดียวกันในแท็ก รหัสจะมีลักษณะดังนี้:

* {ระยะขอบ: 0; ช่องว่างภายใน: 0;}

ร่างกาย {

จัดข้อความ: ศูนย์;

}

ดิวิ {

ความกว้าง: 700px;

ระยะขอบ: 0 อัตโนมัติ;

}

ขั้นตอนที่ 4

ในการจัดวางตาราง การจัดกึ่งกลางจะถูกตั้งค่าโดยใช้ตารางในแท็ก

… รหัสจะเป็นดังนี้: <site table

… ตารางจะอยู่ตรงกลางของหน้า ตามลำดับ และเนื้อหาก็จะอยู่ด้วย คุณยังสามารถกำหนดความกว้างของบล็อกใดๆ ได้โดยการระบุโดยใช้พารามิเตอร์ width

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

ไม่ว่าคุณจะใช้วิธีใด ตรวจสอบให้แน่ใจว่าไซต์ของคุณทำงานอย่างถูกต้องในทุกเบราว์เซอร์ หากมีการแสดงอย่างใดอย่างหนึ่งอย่างไม่ถูกต้องด้วยเหตุผลบางประการ - ระบุสิ่งนี้