在窄屏幕上显示:阻止时如何隐藏空表格单元格?



在非常窄的屏幕上,表格往往会脱离它们的容器,所以对于 480px 或更小的屏幕 在我的 Joomla 3.9x 网站上,我添加了这样的 css:

td {display: block;}

它工作正常,除了有(几乎(空单元格的地方。它们确实包含我无法摆脱的 代码,所以我不能使用 :empty 选择器。因为单元格现在被阻塞(堆叠(,所以"空"单元格会产生我不需要或不想要的大间隙。

有什么想法吗?理想情况下只有CSS,但没有jQuery,但如果必须的话,可能是Javascript。

非常感谢。

我正在使用 JCE 编辑器,并在插件参数>表中将默认的"填充空单元格"从"是"更改为"否"。这解决了我的问题,因为 :empty 选择器现在可以工作了。

只需使用display:hidden即可从渲染中删除元素。

最新更新