对于html valign属性的作用和运用办法详解(附运用办法实例)-百分百源码网

对于html valign属性的作用和运用办法详解(附运用办法实例)

发布时间：09/01 来源：未知浏览：关键词：

本篇文章为大家介绍了关于html<td>标签中的valign属性和html<th>标签中的valign属性，一个属机能在不一样的标签下使用，这种属性都是比力好记的，不是很难，但愿大家认真阅读。

html valign属性的定义和用途：

valign 属性规定单元格中内容的垂直摆列方式。

valign属性趋向于垂直对齐，其值包括：top（对内容停止上对齐）、bottom（对内容停止下对齐）、middle（对内容停止居中对齐）、baseline（与基线对齐）

html valign属性的baseline值：

基线是一条虚构的线。在一行文本中，大多数字母以基线为基准。baseline 值设定行中的所有表格数据都分享雷同的基线。该值的结果常常与 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属性用于指出表头单元格中内容的垂直对齐方式。

所有主流阅读器均支撑<th>标签的valign属性。

HTML<th>标签valign属性的语法：