您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > html5教程 > HTML <thead> 標(biāo)簽的 valign 屬性

HTML <thead> 標(biāo)簽的 valign 屬性

此節(jié)有 260 人學(xué)習(xí)過(guò) 參與評(píng)論

實(shí)例

下面的 HTML 表格把 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>

親自試一試

定義和用法

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

瀏覽器支持

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

語(yǔ)法

<thead valign="value">

屬性值

值	描述
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ì)齊。

baseline 值

基線是一條虛構(gòu)的線。在一行文本中，大多數(shù)字母以基線為基準(zhǔn)。baseline 值設(shè)置行中的所有表格數(shù)據(jù)都分享相同的基線。該值的效果常常與 bottom 值相同。不過(guò)，如果文本的字號(hào)各不相同，那么 baseline 的效果會(huì)更好。請(qǐng)看下面的圖示：

valign="bottom"