ตัวอย่าง
สอง <colgroup> องค์ประกอบที่ระบุการจัดตำแหน่งที่แตกต่างกันสำหรับสามคอลัมน์ในตาราง (สังเกตได้ว่าครั้งแรก <colgroup> องค์ประกอบครอบคลุมสองคอลัมน์):
<table style="width:100%">
<colgroup span="2" align="left"></colgroup>
<colgroup align="right"></colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
ลองตัวเอง» ความหมายและการใช้งาน
align แอตทริบิวต์ระบุการจัดตำแหน่งแนวนอนของเนื้อหาในกลุ่มคอลัมน์
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| align | ได้รับการสนับสนุน | ได้รับการสนับสนุน | ได้รับการสนับสนุน | ได้รับการสนับสนุน | ได้รับการสนับสนุน |
align แอตทริบิวต์การสนับสนุนเฉพาะในโรงละครโอเปร่าที่ 12 และก่อนหน้านี้และ IE8 และรุ่นก่อนหน้า (ไม่ได้รับการสนับสนุนใน IE9)
หมายเหตุความเข้ากันได้
align แอตทริบิวต์ของ <colgroup> ไม่สนับสนุนใน HTML5 ใช้ CSS แทน
ไวยากรณ์ CSS: <td style="text-align:right">
CSS ตัวอย่าง: จัดข้อความในคอลัมน์ของตาราง
ในการกวดวิชา CSS ของเราท่านสามารถดูรายละเอียดเพิ่มเติมเกี่ยวกับ text-align คุณสมบัติ
วากยสัมพันธ์
<colgroup align="left|right|center|justify|char">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| left | เนื้อหาซ้ายจัด |
| right | เนื้อหาที่เหมาะสม-align |
| center | เนื้อหาของศูนย์-align |
| justify | ยืดสายเพื่อให้แต่ละเส้นมีความกว้างเท่ากับ (เช่นในหนังสือพิมพ์และนิตยสาร) |
| char | ตําแหน่งเนื้อหาที่จะเป็นตัวละครที่เฉพาะเจาะจง |