在QT 的css 中 border-collapse 不能使用
时间: 2024-05-13 10:13:29 浏览: 94
Qt 操作 pdf 文件 - findumars - 博客园1
border-collapse 属性用于控制表格边框的合并方式,但在 QT 的 CSS 中不支持此属性。如果需要控制表格边框的合并方式,可以使用以下方法:
1. 在表格元素中设置 border-spacing 属性来控制表格边框之间的距离,从而达到边框合并的效果。
2. 使用伪元素 ::before 和 ::after 来模拟表格边框,从而实现自定义的边框合并方式。例如:
```
table {
border: none;
border-spacing: 0;
border-collapse: separate;
}
td {
padding: 10px;
position: relative;
}
td::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border: 1px solid #ccc;
}
td:first-child::before {
border-top: none;
border-left: none;
}
td:last-child::before {
border-top: none;
border-right: none;
}
tr:first-child td::before {
border-top: 1px solid #ccc;
}
tr:last-child td::before {
border-bottom: 1px solid #ccc;
}
tr td:first-child::before {
border-left: 1px solid #ccc;
}
tr td:last-child::before {
border-right: 1px solid #ccc;
}
```
以上代码会在每个单元格周围生成一个 1px 的边框,且边框会在相邻单元格之间合并。
阅读全文