เนื้อหา

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

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

คำสั่ง

สไตล์ชีทอนุญาตให้คุณจัดแนวและจัดกึ่งกลางข้อความให้อยู่ตรงกลาง (รูปภาพเลย์เอาต์ของเว็บไซต์โดย 6922Designer จาก Fotolia.com)

วิธีจัดแนวข้อความ

1. เมื่อต้องการจัดแนวข้อความภายในบล็อกข้อความปกติเช่นย่อหน้าหรือการอ้างอิงให้ใช้คุณสมบัติการจัดแนวข้อความ

2. ตัวเลือกค่าสำหรับคุณสมบัติการจัดแนวข้อความจะอยู่ทางซ้ายขวากึ่งกลางและจัดชิดขอบ เนื่องจากข้อความที่ถูกต้องไม่สามารถอ่านได้บนเว็บภาพประกอบจึงแสดงเฉพาะการจัดแนวซ้ายขวาและกึ่งกลาง ในภาพประกอบนี้แต่ละย่อหน้ามีเส้นขอบสีดำเพื่อแสดงขนาดขององค์ประกอบบล็อกบนหน้าถ้าไม่มีการปรับความกว้างกับองค์ประกอบ

3. โดยทั่วไปองค์ประกอบจะถูกกำหนดให้กับ id หรือคลาส การจัดแนวข้อความในรายการใด ๆ ใน id หรือคลาสนี้ถูกกำหนดด้วยกฎเช่นต่อไปนี้:

   เหลือ {

   จัดเรียงข้อความ: ซ้าย; }

   ถูกต้อง

   จัดเรียงข้อความ: ขวา; }

   ศูนย์ {

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

   
   

วิธีรวมศูนย์การแบ่งเส้นชั้นความสูงและการแบ่งตัว

1. คุณอาจต้องการจัดวางทั้งแบบหรือกึ่งกลางขนาดใหญ่ ในกรณีเหล่านี้จะใช้เทคนิค CSS ที่แตกต่างกัน

2. คุณใช้กฎ CSS กับตัวเลือกขององค์ประกอบที่ใหญ่ที่สุดที่คุณต้องการให้อยู่ตรงกลาง มันอาจเป็นองค์ประกอบของร่างกายส่วนแบ่งเขตหรือส่วนภาชนะ

3. การจัดกึ่งกลางโดยวิธีนี้จะไม่มีผลกับการจัดแนวข้อความ องค์ประกอบกึ่งกลางจะยังคงจัดแนวซ้ายเริ่มต้นของข้อความภายในองค์ประกอบกึ่งกลาง

4. ต่อไปนี้เป็นภาพประกอบขององค์ประกอบร่างกายทั้งหมด (ที่มีเส้นขอบสีดำเพื่อความชัดเจน) โดยมีศูนย์กลางที่หน้า ต้องตั้งค่าความกว้างสำหรับองค์ประกอบจากนั้นกำหนดระยะขอบซ้ายและขวาเป็นอัตโนมัติ สิ่งนี้ทำได้ดังนี้:

   ร่างกาย {ความกว้าง: 80%; ระยะขอบ - ขวา: อัตโนมัติ; ระยะขอบซ้าย: อัตโนมัติ เส้นขอบ: สีดำทึบ 1px; }

เคล็ดลับ

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

สิ่งที่คุณต้องการ

• แก้ไขข้อความ
• โปรแกรมแก้ไข HTML
• ความรู้พื้นฐาน HTML