|
4.1.2 การจัดวางข้อความในแนวตั้งของเซลล์
เป็นการกำหนดการวางตำแหน่งข้อความในแนวตั้งของเซลล์ โดยระบุคำสั่ง valign ลงในแท็ก
<td> หรือ <th>
|
| ตำแหน่ง |
กำหนดได้ 3 ตำแหน่ง คือ
Top จัดวางข้อมูลให้ชิดขอบบนของช่องเซลล์
Middle จัดวางข้อมูลให้อยู่กึ่งกลางแนวตั้งของช่องเซลล์
Bottom จัดวางข้อมูลให้ชิดขอบล่างของช่องเซลล์
|
เมื่อเราใช้คำสั่ง align และ valin ร่วมกัน จะสามารถกำหนดการจัดวางตำแหน่งข้อความ
ในเซลล์ได้หลากหลายดังรูป |
Top Left |
Top Center |
Top Right |
| Middle Left |
Middle Center |
Middle Right |
| Bottom Left |
Bottom Center |
Bottom Right |
| ตัวอย่างการจัดวางข้อความในเซลล์ |
<!DOCTYPE html>
<html>
<head>
<title>table tag</title>
</head>
<body>
<table border="1" width="450" height="150"
Cellspacing="5"cellpadding="10">
<tr>
<th> ชื่อหนังสือ </th>
<th> ผู้เขียน </th>
<th align = "right">ราคาปก</th>
</tr>
<tr align="left">
<td> คณิตศาสตร์คอมพิวเตอร์</td>
<td>สิทธิชัย ประสานวงค์ </td>
<td align="right">75</td>
</tr>
<tr align ="left">
<td> โปรแกรมตารางคำนวณ</td>
<td>สิทธิชัย ประสานวงค์</td>
<td align="right">95</td>
</tr>
<tr align ="left">
<td> โปรแกรมกราฟิก</td>
<td>สิทธิชัย ประสานวงค์</td>
<td align="right">140</td>
</tr>
</table>
</body> |
| ชื่อหนังสือ |
ผู้เขียน |
ราคาปก |
| คณิตศาสตร์คอมพิวเตอร์ |
สิทธิชัย ประสานวงส์ |
75 |
| โปรแกรมตารางคำนวณ |
สิทธิชัย ประสานวงส์ |
95 |
| โปรแกรมกราฟิก |
สิทธิชัย ประสานวงส์ |
140 |
|
|
