我正在尝试隐藏HTML代码中的某些列。 使用MDN colgroup和col添加了这些列,我正在调整列的样式。
带有内容文本“visible”的<td>
在所有浏览器中都可见(很好),带有内容文本“hidden”的<td>
在Chrome中可见(不好),而在Firefox和Edge中隐藏(很好)。
我能重新创建问题的最短代码在这里:
<!doctype html>
<html>
<head>
<title>css example</title>
<style type='text/css'>
col.visible {}
col.hidden { visibility:collapse; }
</style>
</head>
<body>
<table border='1'>
<colgroup>
<col class='visible'>
<col class='hidden'>
<tbody>
<tr>
<td>visible</td>
<td>hidden</td>
</tr>
</tbody>
</colgroup>
</table>
</body>
</html>