我一直在尝试正确使用colgroup和col标签,但我没有得到它.我阅读了规范和所有这些,但我不明白它的目的或如何实现它.

有什么建议?

解决方法

在表元素中使用colgroup来帮助理解具有不规则标题的表中信息的复杂层次结构.

WAI有一个完整的信息页面,介绍如何处理这种情况:
Tables with irregular headers并了解col和colgroup的使用

To associate the first-level headers properly with all cells of both columns,the column structure needs to be defined at the beginning of the table. A <col> element identifies each column,beginning on the left. If a header spans two or more columns,use a <colgroup> element instead of that number of <col> elements,and the number of columns spanned is noted in the span attribute.

话虽这么说,这些元素的最佳用例是为样式列而不重复样式或类属性:

<table>
  <colgroup>
    <col style="background-color:red">
    <col style="background-color:yellow">
    <col style="background-color:blue">
  </colgroup>
  <tr>
    <th>First</th>
    <th>Second</th>
    <th>Third</th>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>

html5 – 我应该使用,如果是的话,为什么以及如何使用?的更多相关文章

  1. iOS HTML5日期选择器不接受宽度:100%;

    我的表单中有一个html5日期选择器,用于我的网站的移动版本.我的所有文本输入都设置为宽度:100%,其父td设置为padding-right:15px以使其适合.这意味着我的字段格式很好,并且当设备的方向发生变化时,调整为总是填满容器的一半.但是,日期选择器的行为方式不一样,有人可以帮忙吗?

  2. Jq通过td获取同行其它列td的方法

    下面小编就为大家带来一篇Jq通过td获取同行其它列td的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  3. Jquery针对tr td的一些实用操作方法(必看篇)

    下面就为大家带来一篇Jquery针对tr td的一些实用操作方法(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  4. jquery根据td给相同tr下其他td赋值的实现方法

    下面就为大家带来一篇jquery根据td给相同tr下其他td赋值的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  5. js中获取 table节点各tr及td的内容简单实例

    下面小编就为大家带来一篇js中获取 table节点各tr及td的内容简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  6. jquery遍历table的tr获取td的值实现方法

    下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. JavaScript获取tr td 的三种方式全面总结(推荐)

    这篇文章主要介绍了JavaScript获取tr td 的三种方式,具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。

  8. jQuery获取table表中的td标签(实例讲解)

    下面小编就为大家带来一篇jQuery获取table表中的td标签(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  9. php – TCPDF – 有没有办法调整单表行高?

    我正在尝试两天,没有结果,在表中调整单行最小高度,但没有成功.我使用以下方法来创建我的表:我已经尝试设置td填充,td边距,td高度,tr高度,但没有成功.我也尝试过CSS和HTML.我唯一能做到的就是看到一行的高度大于原始值,但我想缩短它.我尝试在TCPDF的文档中搜索,但我发现唯一的事情是TCPDF不支持填充和边距.你们中的任何人都知道某种“黑客”来实现我想要的结果吗?

  10. php – TCPDF – 从mysql打印表

    在我的PHP中,始终在我的pdf中打印整个表格.但我想打印和对于单个实例,然后想要循环打印其间的行.我怎么解决这个?

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部