在非常窄的屏幕上,表格往往会脱离它们的容器,所以对于 480px 或更小的屏幕 在我的 Joomla 3.9x 网站上,我添加了这样的 css:
td {display: block;}
它工作正常,除了有(几乎(空单元格的地方。它们确实包含我无法摆脱的
代码,所以我不能使用 :empty 选择器。因为单元格现在被阻塞(堆叠(,所以"空"单元格会产生我不需要或不想要的大间隙。
有什么想法吗?理想情况下只有CSS,但没有jQuery,但如果必须的话,可能是Javascript。
非常感谢。
我正在使用 JCE 编辑器,并在插件参数>表中将默认的"填充空单元格"从"是"更改为"否"。这解决了我的问题,因为 :empty 选择器现在可以工作了。
只需使用display:hidden
即可从渲染中删除元素。