溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html中valign屬性如何使用

發(fā)布時間：2020-10-24 16:24:27 來源：億速云 閱讀：301 作者：小新 欄目：web開發(fā)

這篇文章將為大家詳細講解有關(guān)html中valign屬性如何使用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

html valign屬性的定義和用法：

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

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

html valign屬性的baseline值：

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

html valign屬性的語法：

<td valign="value">

HTML <td> 標簽的 valign 屬性實例

帶有不同垂直對齊單元格的表格：

<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>標簽的valign屬性的使用方法實例：

<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>標簽的valign屬性示例：

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

<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>標簽valign屬性的定義及用法：

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

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

HTML<th>標簽valign屬性的語法：

<th valign="value">

HTML<th>標簽valign屬性的屬性值：

html中valign屬性如何使用

瀏覽器支持

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

關(guān)于html中valign屬性如何使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手