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="top|middle|bottom|baseline">

  • <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"


    bottom   valign="bottom"