html表格:是否可以设置不存在的单元格的样式，还是必须将它们添加到代码中？
html表格:是否可以设置不存在的单元格的样式，还是必须将它们添加到代码中？
提问于 2021-10-13 07:28:50
上下文：
我使用了一个类似csv的小脚本编辑器，并使用html表来显示数据。
正如你所看到的，有一些缺失的单元格。
这是意料之中的，因为我只插入了包含数据的单元格(以及该行的前一个单元格)，而且现在边框样式只应用于单元格元素。
我想要显示所有的单元格，我想知道是否可以绘制没有单元格的表格线条，或者是否唯一的解决方案是插入缺少的单元格？
最小可重复性示例：
<table>
<tr>
<td>A1</td>
</tr>
<tr>
<td></td>
<td>B2</td>
</tr>
<tr>
<td></td>
<td></td>
<td>C3</td>
</tr>
</table>
<style>
table {
border-collapse: collapse;
border: 2px solid #555;
}
td {
border: 1px solid #888;
}
</style>Stack Overflow用户
回答已采纳
发布于 2021-10-13 09:15:59
正如我们所知，现在存在的元素将不会显示，您必须根据需要添加到您的表中，其中没有数据。你可以像下面这样设置你的代码。
table {
border-collapse: collapse;
border: 2px solid #555;
empty-cells: show;
}
td {
border: 1px solid #888;
}<table>
<tr>
<td>A1</td>
</tr>
<tr>
<td></td>
<td>B2</td>
</tr>
<tr>
<td></td>
<td></td>
<td>C3</td>
</tr>
</table>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69551339
复制相关文章
相似问题
腾讯云开发者
