HTML <col> charoff 属性

在 HTML 中，<col> 元素用于定义表格中的列。charoff 属性用于指定列中的文本与单元格边缘之间的偏移量。

语法

<col charoff="number|percentage">

• number: 指定列中的文本与单元格边缘之间的像素偏移量。
• percentage: 指定列中的文本与单元格边缘之间的百分比偏移量。

示例

<table>
  <colgroup>
    <col style="background-color: lightblue;">
    <col style="background-color: lightgreen;" charoff="10">
  </colgroup>
  <tr>
    <td>Apple</td>
    <td>Banana</td>
  </tr>
  <tr>
    <td>Cherry</td>
    <td>Orange</td>
  </tr>
</table>

解释

在上面的示例中，我们使用了 <col> 元素来定义表格的列。第一列没有指定 charoff 属性，因此文本与单元格边缘之间的偏移量为默认值。

第二列指定了 charoff 属性为 10，表示文本与单元格边缘之间的偏移量为 10 个像素。

注意事项

• charoff 属性只适用于包含内容的列，对空列没有效果。
• charoff 属性对响应式设计具有挑战性，因为它指定的是固定的偏移量。
• charoff 属性已被废弃，不建议在新的 HTML 文档中使用。推荐使用 CSS 来实现样式和布局。

参考链接

• HTML <col> 元素文档
• HTML <colgroup> 元素文档