gpt4 book ai didi

html - iPad 浏览器上的空单元格

转载 作者:行者123 更新时间:2023-11-28 08:00:01 24 4
gpt4 key购买 nike

我在网页中有一个表格,该表格有时会有空单元格。当在笔记本电脑上的 Firefox 浏览器上查看时,它会绘制这些单元格的边框,即使它们是空的。当我在我的 iPad3 Safari 浏览器上查看它时,它没有。

我发现了 CSS empty-cells:show,我认为这可能是解决方案,尽管文档确实建议 show 是默认设置。我想也许 iPad 浏览器可能有不同的默认设置,所以我尝试了一下,但没有任何区别。

iPad3 上的 Safari 浏览器是否关注 CSS empty-cells:show?我还应该做些什么来让空单元格周围有边框吗?在这种情况下,我无权访问 html,因此我无法将   添加到空单元格中以使其非空,因此我需要一个 CSS 解决方案(或确认有没有 CSS 解决方案)。

table {
empty-cells: show;
}
td {
border-bottom: 1px blue inset;
border-left: 1px blue inset;
border-spacing: 1px 1px;
}
    <html>
<head>
</head>
<body>
<table>
<tr>
<td>test data</td>
<td>more data</td>
<td></td>
<td>after the empty cell</td>
</tr>
<tr>
<td>test data</td>
<td>more data</td>
<td>and more</td>
<td>after the empty cell</td>
</tr>
</table>
</body>
</html>

最佳答案

将以下属性添加到您的表中。边界崩溃:崩溃;这将为所有单元格绘制边框,即使它们是空的。应该也适用于 Safari。

table {
empty-cells: show;
border-collapse: collapse;
}
td {
border-bottom: 1px blue inset;
border-left: 1px blue inset;
border-spacing: 1px 1px;
}

关于html - iPad 浏览器上的空单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29833964/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com