Как я могу сделать так, чтобы ячейка таблицы не занимала места?

#html #css #fonts #css-tables

#HTML #css #шрифты #css-таблицы

Вопрос:

У меня сложная древовидная компоновка таблицы (несколько ячеек слева, много справа), и я хочу, чтобы определенные ячейки (и их строки) полностью исчезли (с помощью Javascript, основанного на классе).

visibility:hidden просто делает содержимое невидимым, а настройка размера текста и границ ячеек делает их маленькими, но я застрял с несколькими оставшимися пикселями. Я пробовал line-height:0, padding:0 border-spacing:0 , но ячейки по-прежнему занимают около двух пикселей, а между ними еще два пикселя по вертикали.

Есть ли у кого-нибудь список атрибутов css, которые должны быть равны нулю, чтобы ячейка полностью исчезла?

Комментарии:

1. Вы не должны использовать таблицы для макетов!

2. Хотите попробовать: table { border-collapse: свернуть; } на всякий случай.

3. Итак, вы хотите скрыть целые строки (скрытие отдельных ячеек не влияет на макет)?

Ответ №1:

Используйте свойство CSS display:

 style="display: none;"
  

Если это не сработает, оберните содержимое в <span> и используйте его вместо этого