HTML thead valign 屬性

2023-05-09 16:53 更新

HTML <thead> valign 屬性

HTML thead 標(biāo)簽參考手冊(cè) HTML <thead> 標(biāo)簽

實(shí)例

把 <thead> 元素中的內(nèi)容垂直居中對(duì)齊:

<table border="1" width="100%">
  <thead valign="middle">
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
</table>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 valign 屬性。


定義和用法

HTML5 不支持 <thead> valign 屬性。請(qǐng)使用 CSS 代替。

valign 屬性規(guī)定 <thead> 元素中的內(nèi)容的垂直對(duì)齊方式。


語法

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

屬性值

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

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

 valign="bottom"

 valign="baseline"


HTML thead 標(biāo)簽參考手冊(cè) HTML <thead> 標(biāo)簽


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)