在狭窄的屏幕上显示时,如何隐藏空白表格单元格?

问题描述 投票:1回答:1

在非常狭窄的屏幕上,表格往往会从其容器中弹出,因此对于480px或更小的屏幕,在我的Joomla 3.9x网站上,我像这样添加了CSS:

td {display: block;}

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

有什么想法吗?理想情况下,仅使用CSS,但如果需要,可以不定义jQuery,但可以定义Javascript。

非常感谢。

在非常狭窄的屏幕上,表格往往会从其容器中弹出,因此对于480px或更小的屏幕,在我的Joomla 3.9x网站上,我添加了css,例如:td {display:block;}效果很好,除了.. 。

joomla3.0 css-tables
1个回答
1
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.