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