Как через CSS скрыть ячейку с символом пробела?

Question

[Евгений]

Здравствуйте!

Нужно скрыть такие ячейки:

<td>&nbsp;</td>

Всякие :empty и :blank и empty-cells: none не помогают/не работают/не подходят.

Подскажите, пожалуйста.

Answer 1

[Сергей Горячев]

CSS никак.
jQuery - https://jsfiddle.net/w3xfe3pk/

Answer 2

[Sergiu Mitu]

никак, нужен либо класс для таких ячеек, либо через js находить такие и скрывать.

Answer 3

[xmoonlight]

Только по номерам: например, скрыть 3-ю колонку:

table { 
  empty-cells: hide; 
  border-collapse:collapse;
}
td:empty {
   display:none;
}
td:first-of-type + td + td {
   display:none;
}

Или убрать лишние колонки справа:

table{
    border-collapse: collapse;
}

table tr td{
    padding: 10px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

table tr td:nth-child(n+4){
    display: none;
}

Comments

[Negwereth]

Нет.

[Евгений]

Не работает

[Negwereth]

Евгений: и не будет. Он пытается обратиться к аттрибуту value, которое к вашему пробелу вообще отношения не имеет.

[Mr Crabbz]

Да и пробел и & nbsp; - это немного разные вещи, так-то ))

[xmoonlight]

Negwereth: Роман Краббз: да, я не тестил - исправил на единственный возможный для CSS вариант... других - не нашёл.

[Negwereth]

Роман Краббз: нет, вообще-то.   - пробел неразрывный. Их, на самом деле, много видов.

[Negwereth]

xmoonlight:

td:first-of-type + td + td

а nth-of-type(3) или nth-child(3) чем не угодили?

ну и поточную задачу это не решает.

Тут только скриптом.

[Mr Crabbz]

Пробел обычный и пробел неразрывный - абсолютно разные вещи на уровне кода.

[xmoonlight]

Роман Краббз: Negwereth: да, но вот колонки - можно скрыть)