Uma alternativa melhor que o & nbsp; por mostrar células vazias da tabela HTML?
É um problema clássico - quando você tem uma célula de tabela vazia, o navegador não faz bordas ao seu redor. Há também duas soluções alternativas conhecidas. Um é colocar um
na célula da tabela; o outro é usar oempty-cells:show
Propriedade CSS.
Infelizmente, ambos têm desvantagens.
é meio feio quando se trata de selecionar e copiar e colar um texto. Você obtém muitos espaços onde não deveria haver, talvez até com um caractere Unicode exótico.empty-cells:show
deve solucionar exatamente esse problema, mas, infelizmente, ele só funciona corretamente no IE, começando na versão 8 (e somente no modo compatível com os padrões). Pode ser feito para funcionar em outras versões, especificando tambémborder-collapse: collapse
, mas às vezes é isso que NÃO é desejado. No meu caso, tenho uma tabela bastante complexa e ela depende deborder-collapse:separate
caso contrário, criaria uma sopa CSS / HTML bastante confusa.
Então, quais são as outras coisas que você pode colocar em uma célula da tabela que faria o IE desenhar as bordas e ainda não ficar visível ou copiável? Para todos os outros navegadores, oempty-cells:show
já faz o truque, então eu realmente só preciso enganar o IE.