如何在HTML中包含表格列的组？-html教程-PHP中文网

如何在HTML中包含表格列的组？

WBOY

发布： 2023-09-10 19:49:35

转载

1511人浏览过

如何在html中包含表格列的组？

Gridster.js多列网格式拖动布局插件

网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件

查看详情

使用

标记包含表列组。HTML 标记用于指定表内一组列的属性。如果需要对 colgroup 中的列应用不同的属性，可以在 colgroup 标记中使用 HTML col 标记。

以下是属性 -

应跨越的列数，不支持Html5

应跨越的列数，在 Html5 中不支持。

属性	值	描述立即学习“前端免费学习笔记（深入）”；
对齐	右左居中对齐 char	定义水平对齐方式，Html5 不支持。
字符	字符	定义用于对齐文本的字符（与align ="char"一起使用）， Html5 不支持。
查奥夫	像素	定义
跨度	number	定义
Valign	底部中间顶部基线	定义垂直对齐方式，Html5 不支持。
宽度	像素或%	指定当前列跨越的每列的默认宽度元素，在 Html5 中不受支持。

示例

您可以尝试运行以下代码来实现 HTML 中的

标签 -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML col Tag</title>
   </head>
   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      <table border = "1">
         <colgroup span = "4">
            <col width = "40"></col>
            <col width = "70"></col>
            <col width = "100"></col>
            <col width = "130"></col>
            <col width = "160"></col>
            </colgroup>
         <tr>
            <td>One</td>
            <td>Two</td>
            <td>Three</td>
            <td>Four</td>
            <td>Five</td>
         </tr>
      </table>
   </body>
</html>

登录后复制

以上就是如何在HTML中包含表格列的组？的详细内容，更多请关注php中文网其它相关文章！