ตัวอย่าง
แนวตั้งจัดเนื้อหาภายใน <th> องค์ประกอบ:
<table>
<tr>
<th valign="bottom">Month</th>
<th valign="bottom">Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
ลองตัวเอง» ความหมายและการใช้งาน
valign แอตทริบิวต์ระบุแนวตั้งของเนื้อหาในเซลล์ส่วนหัว
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| valign | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
หมายเหตุความเข้ากันได้
valign แอตทริบิวต์ของ <th> ไม่สนับสนุนใน HTML5 ใช้ CSS แทน
ไวยากรณ์ CSS: <th style="vertical-align:bottom">
CSS ตัวอย่าง: เนื้อหาจัดแนวตั้งภายใน <th>
ในการกวดวิชา CSS ของเราท่านสามารถดูรายละเอียดเพิ่มเติมเกี่ยวกับ vertical-align property
วากยสัมพันธ์
<th valign="top|middle|bottom|baseline">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| top | เนื้อหายอดนิยม-align |
| middle | เนื้อหาของศูนย์-align |
| bottom | เนื้อหาด้านล่าง-align |
| baseline | พื้นฐานคือ "เส้นสมมุติ" ซึ่งตัวอักษรมากที่สุด "นั่ง" บนในบรรทัดของข้อความ มูลค่าพื้นฐานชุดแถวเพื่อให้ข้อมูลทุกตารางแบ่งปันพื้นฐานเดียวกัน นี้มักจะมีผลเช่นเดียวกับค่าด้านล่าง แต่ถ้าแบบอักษรที่มีอยู่ในขนาดที่แตกต่างกันดูดีกว่าพื้นฐาน ดูภาพประกอบด้านล่าง |
ภาพประกอบด้านล่างเทียบกับพื้นฐานถ้าแบบอักษรที่อยู่ในขนาดที่แตกต่างกัน:
valign="bottom"
valign="baseline"