ข้ามไปเนื้อหา

แม่แบบ:Flowlist

จากวิกิพีเดีย สารานุกรมเสรี
Documentation icon คู่มือการใช้งานแม่แบบ[ดู] [แก้] [ประวัติ] [ล้างแคช]

การใช้งาน

[แก้]

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

ภาพทดสอบ
รายชื่อสัตว์
  • หมู
  • หมา
  • กา
  • ไก่
  • ช้าง
  • ม้า

แม่แบบ {{Flowlist}} จะทำให้รายการเป็นแนวตรง ไม่เยื้องตามวัตถุลอยด้านซ้าย อย่างไรก็ตาม มีผลข้างเคียงบางประการที่คุณควรทราบ

ภาพทดสอบ
รายชื่อสัตว์
  • หมู
  • หมา
  • กา
  • ไก่
  • ช้าง
  • ม้า

ตัวอย่าง

[แก้]

โค้ดแบบที่ 1

[แก้]
[[ไฟล์:Bad Title Example.png|left|thumb|120px|ภาพทดสอบ]]
;รายชื่อสัตว์
{{flowlist|
* หมู
* หมา
* กา
* ไก่
* ช้าง
* ม้า
}}
ภาพทดสอบ
รายชื่อสัตว์
  • หมู
  • หมา
  • กา
  • ไก่
  • ช้าง
  • ม้า

โค้ดแบบที่ 2

[แก้]
[[ไฟล์:Bad Title Example.png|left|thumb|120px|ภาพทดสอบ]] 
;รายชื่อสัตว์
{{flowlist}}
* หมู
* หมา
* กา
* ไก่
* ช้าง
* ม้า
{{endflowlist}}
ภาพทดสอบ
รายชื่อสัตว์
  • หมู
  • หมา
  • กา
  • ไก่
  • ช้าง
  • ม้า

พารามิเตอร์

[แก้]
  • class – เพิ่ม CSS class
  • style – เพิ่มตัวเลือก CSS style ไม่ควรใช้ style ที่ซับซ้อนในหน้าบทความ แต่อาจยอมรับได้หากใช้ในหน้าผู้ใช้ โครงการ และพูดคุย
ตัวอย่าง: |style=border:solid 1px silver; background:lightyellow

ผลข้างเคียง

[แก้]

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

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

ดูเพิ่ม

[แก้]