HTML <colgroup> 标签valign属性

<colgroup>标签valign属性定义和用法

valign属性指定与<colgroup>元素相关的内容的垂直对齐方式。 HTML5中不支持<colgroup>的valign属性。请改用CSS。
CSS语法：<td style =“vertical-align：bottom”>

<colgroup>标签valign属性浏览器支持

Edge/IE	Chrome	FireFox	Safari	Opera

支持	不支持	不支持	不支持	不支持

注意：仅在Internet Explorer和Opera 12及更早版本中支持valign属性。但是，它们不支持“baseline”值。

<colgroup>标签valign属性语法

<colgroup>标签valign属性实例

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<table>
 
    <colgroup valign="top">
    <colgroup valign="bottom">
 
  <tr>
    <th>书号</th>
    <th>书名</th>
    <th>价钱</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML教程</td>
    <td>￥53</td>
  </tr>
</table>

</body>
</html>

尝试一下

HTML4.01和HTML5之间的差异

HTML5不支持<colgroup>valign属性。

<colgroup>标签valign属性值

属性值	描述
top	内容上对齐
middle	内容垂直居中对齐
bottom	内容底部对齐
baseline	基线是大多数字母“坐”在一行文本中的“假想线”。基线值设置行，以便所有表数据共享相同的基线。这通常与底部值具有相同的效果。然而，如果字体大小不同，基线看起来更好。请看下面的插图

如果字体大小不同，则"bottom"与"baseline"的关系图示：

bottom valign="bottom"