แม่แบบ:Clear left

คู่มือการใช้งานแม่แบบ[ดู] [แก้] [ประวัติ] [ล้างแคช]

ข้อบ่งใช้

แม่แบบนี้ใช้เพื่อตัดส่วนหน้าใหม่ เพื่อลดการรบกวนจากวัตถุลอยตัวเช่นแม่แบบหรือรูปภาพต่าง ๆ ซึ่งถูกจัดให้ลอยอยู่ทางซ้ายหรือทางขวาของหน้า

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

การใช้งาน

{{Clear}}
{{Clear|both}}

เพื่อตัดส่วนหน้าใหม่ โดยไม่สนใจว่าจะมีวัตถุลอยตัวข้างใด หรือวัตถุลอยตัวข้างใดสูงกว่ากัน

{{Clear|left}}
{{Clear|right}}

เพื่อตัดส่วนหน้าใหม่ โดยพิจารณาเฉพาะวัตถุลอยตัวทางซ้ายหรือทางขวาเท่านั้น เนื้อหาจะยังคงซ้อนอยู่กับด้านตรงข้าม

Example without {{clear}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

New section without template

Without {{clear}}, this section starts at the right of the image.

Example that uses {{clear}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{clear}}

สังเกตว่าส่วนนี้ถูกเว้นว่าง

New section with template

{{clear}} placed before this section, so it appears below the image.