如何在 HTML 中添加表格列组?
htmlweb developmentfront end technology更新于 2026/1/16 10:20:17
使用 <colgroup> 标签可以添加表格列组。HTML <colgroup> 标签用于指定表格中一组列的属性。如果您需要为 colgroup 中的列应用不同的属性，可以在 colgroup 标签中使用 HTML col 标签。
以下是 − 的属性
| 属性 | 值 | 描述 |
|---|---|---|
| Align | right left center justify char | 定义水平对齐，Html5 不支持。 |
| Char | character | 定义用于对齐文本的字符(与 align ="char" 一起使用)，Html5 不支持。 |
| Charoff | pixel | 定义 <col> 应跨越的列数，Html5 不支持 |
| Span | number | 定义 <col> 应跨越的列数，Html5 不支持。 |
| Valign | bottom middle top baseline | 定义垂直对齐，Html5 不支持。 |
Width | pixels or % | 指定当前 col 元素跨越的每一列的默认宽度，HTML5 不支持。 |
示例
您可以尝试运行以下代码在 HTML 中实现 <colgroup> 标签 −
<!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 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
