Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เค้าโครงหลายคอลัมน์สำหรับโฟลว์ข้อความโดยใช้ HTML


แท็ก HTML ใช้เพื่อสร้างข้อความหลายคอลัมน์ และให้คุณควบคุมขนาดและจำนวนคอลัมน์ได้ แท็ก สามารถมีเนื้อหา HTML อื่น ๆ ได้ เช่นเดียวกับแท็ก

เนื้อหาทั้งหมดภายในแท็ก จะแสดงเหมือนกับเนื้อหาทั่วไป ยกเว้นว่า Netscape 4 จะวางเนื้อหาลงในหลายคอลัมน์แทนที่จะเป็นเพียงคอลัมน์เดียว

หมายเหตุ − แท็กนี้รองรับโดย Netscape 3 และเวอร์ชันที่สูงกว่าเท่านั้น

ต่อไปนี้เป็นคุณลักษณะ -

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

ตัวอย่าง

คุณสามารถลองใช้รหัสต่อไปนี้เพื่อเพิ่มรูปแบบหลายคอลัมน์สำหรับการไหลของข้อความ -

<h1>Breaking News</h1>
<multicol cols = 3>
   <p>State media said more than 2,000 soldiers, police and miners
   closed the breach in the dike in Shandong province early Sunday and
   installed pipes and five high-speed pumps, but gave no indication if
   there were any signs of life.</p>
   
   <p>The Huayuan Mining Co. mine flooded on Friday afternoon when the
   Wen river burst a dike, sending water pouring into a shaft and trapping
   172 miners, Xinhua and state television said.</p>
</multicol>