HTML colgroup valign 屬性

2018-11-14 18:02 更新

HTML <colgroup> valign 屬性

HTML colgroup 標(biāo)簽參考手冊 HTML <colgroup> 標(biāo)簽

實例

一個 HTML 表格,帶有不同垂直對齊方式的列:

<table border="1"style="height:200px">
  <colgroup valign="top">
  <colgroup 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 中,不支持 <colgroup> valign 屬性。

valign 屬性規(guī)定列組中的內(nèi)容的垂直對齊方式。


語法

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

屬性值

描述
top對內(nèi)容進行上對齊。
middle對內(nèi)容進行居中對齊(默認(rèn)值)。
bottom對內(nèi)容進行下對齊。
baseline與基線對齊?;€是一條虛構(gòu)的線。在一行文本中,大多數(shù)字母以基線為基準(zhǔn)。baseline 值設(shè)置行中的所有表格數(shù)據(jù)都分享相同的基線。該值的效果常常與 bottom 值相同。不過,如果文本的字號各不相同,那么 baseline 的效果會更好。請看下面的圖示。

當(dāng)文本的字號不同時,bottom vs. baseline 圖示:

 valign="bottom"

 valign="baseline"


HTML colgroup 標(biāo)簽參考手冊 HTML <colgroup> 標(biāo)簽
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號