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