在HTML和CSS中,可以使用position: sticky
属性来实现行高锁定。下面是一个示例:
HTML:
标题1
标题2
标题3
内容1
内容2
内容3
CSS:
thead th {
position: sticky;
top: 0;
background-color: #f1f1f1;
}
上述代码中,position: sticky;
属性被应用于表格头部的th
元素。top: 0;
将表格头部固定在顶部,background-color
用于设置背景颜色。这样,当滚动表格内容时,表格头部会保持在顶部。
请注意,position: sticky
属性在某些旧版本的浏览器上可能不起作用,所以建议在使用之前先检查兼容性。