colgroup

一、实例

两个colgroup元素为表格中的三列规定了不同的对齐方式和样式(注意第一个colgroup元素横跨两列)。


<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

二、浏览器支持

所有主流浏览器都支持


三、使用

该标签用于对表格中的列进行组合,以便对其进行格式化。

通过使用<colgroup>,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。

只能在<table>元素之内,在任何一个<caption>之后,在任何一个<thead>、<tbody>、<tfoot>、<tr>元素之前使用<colgroup>标签。


四、属性

(1)align  left/right/center/justify/char  规定在列组合中内容的水平对其方式  5不支持

(2)char  character  规定根据哪个字符来对其列数组中的内容  5不支持

(3)charoff  number  规定第一个字符的偏移量   5不支持

(4)span  number  规定列组应该横跨的列数

(5)valign  top/middle/bottom/baseline  定义在列组合中内容的垂直对齐方式  5不支持

(6)width  pixels/%/relative_length  规定列宽组合的宽度  5不支持


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值