HTML col valign 屬性

2018-11-14 17:13 更新

HTML <col> valign 屬性

HTML col 標簽參考手冊 HTML <col> 標簽

實例

具有不同垂直對齊方式的列的表格:

<table border="1"style="height:200px">
  <col valign="top">
  <col valign="bottom">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

只有Internet Explorer 和 Opera 支持 valign 屬性。但是, IE 和 Opera 不支持值為 "baseline".


定義和用法

HTML5 不再支持 <col> valign 屬性。

align 屬性規(guī)定與 <col> 元素相關的內容的垂直對齊方式。


語法

<col valign="top|middle|bottom|baseline">

屬性值

描述
top對內容進行上對齊。
middle對內容進行居中對齊(默認值)。
bottom對內容進行下對齊。
baseline與基線對齊。

基線是一條虛構的線。在一行文本中,大多數字母以基線為基準。baseline 值設置行中的所有表格數據都分享相同的基線。該值的效果常常與 bottom 值相同。不過,如果文本的字號各不相同,那么 baseline 的效果會更好。請看下面的圖示:

valign="bottom"

valign="baseline"


HTML col 標簽參考手冊 HTML <col> 標簽
以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號