HTML <col>标签的valign属性

HTML <col>标签参考手册 HTML <col>标签

示例

在下例中,表格中各列具有不同的垂直对齐方式:

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

试一个 »

定义及用法

<col>标签的valign属性用于指定,<col>元素作用范围内单元格内容的垂直对齐方式。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<col>标签的valign属性。

注意:所有主流浏览器都不支持“baseline”一值(见下)。


语法

<col valign="value">

属性值

描述
top 顶端对齐
middle 垂直居中对齐
bottom 底端对齐
baseline 基线对齐。设想你在画有水平横线的纸上是如何保持文字垂直位置的,基线(baseline)就是假想中的这样一条的横线。若一行中的某个单元格被设为基线对齐,那么这行中的其它所有单元格也都将按基线对齐。基线对齐(baseline)通常具有和底端对齐(bottom)一样的效果。不过,当文字的字体大小不一时,基线对齐更美观一些。请参见如下对比。

当字体大小不一时,底端对齐与基线对齐的对比:

valign="bottom"

valign="baseline"


HTML <col>标签参考手册 HTML <col>标签
粤ICP备11097351号-1