明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

對(duì)于html valign屬性的作用與使用方法詳細(xì)說明(附使用方法案例)

發(fā)表時(shí)間：2023-09-04 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章為大家介紹了關(guān)于html<td>標(biāo)簽中的valign屬性和html<th>標(biāo)簽中的valign屬性，一個(gè)屬性能在不同的標(biāo)簽下運(yùn)用，這種屬性都是比較好記的，不是很難，希望大家認(rèn)真閱讀。html valign屬性的定義和用法：valign 屬性規(guī)定單元格中內(nèi)容的垂直排列...
本篇文章為大家介紹了關(guān)于html<td>標(biāo)簽中的valign屬性和html<th>標(biāo)簽中的valign屬性，一個(gè)屬性能在不同的標(biāo)簽下運(yùn)用，這種屬性都是比較好記的，不是很難，希望大家認(rèn)真閱讀。

html valign屬性的定義和用法：

valign 屬性規(guī)定單元格中內(nèi)容的垂直排列方式。

valign屬性趨向于垂直對(duì)齊，其值包含：top（對(duì)內(nèi)容進(jìn)行上對(duì)齊）、bottom（對(duì)內(nèi)容進(jìn)行下對(duì)齊）、middle（對(duì)內(nèi)容進(jìn)行居中對(duì)齊）、baseline（與基線對(duì)齊）

html valign屬性的baseline值：

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

html valign屬性的語法：

<td valign="value">

HTML <td> 標(biāo)簽的 valign 屬性實(shí)例

帶有不同垂直對(duì)齊單元格的表格：

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td valign="top">January</td>
    <td valign="top">$100</td>
  </tr>
  <tr>
    <td valign="bottom">February</td>
    <td valign="bottom">$80</td>
  </tr>
</table>

html5 <td>標(biāo)簽的valign屬性的使用方法實(shí)例：

<html>
<body>
<table border="1" style="height:200px">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td valign="bottom">January</td>
    <td valign="bottom">$100</td>
  </tr>
  <tr> 
   <td valign="baseline">February</td>
   <td  valign="baseline" style="font-size:200%">$80</td>
  </tr>
</table>
</body>
</html>

HTML<th>標(biāo)簽的valign屬性示例：

在下列HTML表格里，不同表頭單元格具有不同的垂直對(duì)齊方式：

<table border="1" style="height:200px">
  <tr>
    <th valign="middle">月份</th>
    <th valign="bottom">存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>100</td>
  </tr>
</table>

HTML<th>標(biāo)簽valign屬性的定義及用法：

<th>標(biāo)簽的valign屬性用于指出表頭單元格中內(nèi)容的垂直對(duì)齊方式。

所有主流瀏覽器均支持<th>標(biāo)簽的valign屬性。

HTML<th>標(biāo)簽valign屬性的語法：

<th valign="value">

HTML<th>標(biāo)簽valign屬性的屬性值：

tuyi.png

瀏覽器支持

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

【小編的相關(guān)推薦】

html font標(biāo)簽怎么設(shè)置字體樣式？利用CSS控制文字大小的方法

html style標(biāo)簽是什么意思？關(guān)于style標(biāo)簽的使用方法詳解

以上就是關(guān)于html valign屬性的作用和使用方法詳解(附使用方法實(shí)例)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。