¿Cómo puedo forzar a un TD sin contenido a representar su borde?

StackOverflow https://stackoverflow.com/questions/602285

Pregunta

El TD tiene un DIV dentro del cual eliminé usando la función fadeOut de jQuery, pero cuando termina, el borde también desaparece.

Quiero evitar eso, ¿hay alguna otra manera que no sea agregar un " & amp; nbsp; " (lo que hace que sea feo)?

EDITAR: estoy usando Internet Explorer (6 y 7)

¿Fue útil?

Solución

CSS: 

table {
  empty-cells: show;
}

También debe poner IE en modo de representación estándar para que esto funcione. Después de agregar un doctype, al menos IE8 (Beta 2 y superior) funciona bien. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 "http://www.w3.org/TR/html4/loose.dtd">

IE7 e inferior todavía no lo harán. Se dice que el soporte para empty-cells es & Quot; parcial & Quot; (para IE7 e IE8 Beta 1) en la compatibilidad MS CSS declaración . Lo que sea & Quot; parcial & Quot; significa, no implementar " show " difícilmente se puede llamar " soporte parcial " ;. Estos navegadores pueden verse obligados a dibujar los bordes de las celdas al contraer generalmente los bordes de la tabla: 

table {
  border-collapse: collapse;   
}

Se ignora la configuración de <=>. Pero una vez que colapsa los bordes, no necesita configurarlo de todos modos, ya que todos los navegadores mostrarán bordes contraídos.

Otros consejos

< td style = " tamaño de fuente: 1pt " > & amp; nbsp; < td >

Agregue un espacio sin interrupciones a la celda:

<td>&nbsp;</td>

Un truco, pero un truco mejor que agregar una imagen.

Terminé agregando una imagen transparente de 1px a la celda como sugerido por Jukka & Quot; Yucca & Quot; Korpela . Por ahora usaré esta solución si no hay una alternativa mejor

Entonces, si tiene una tabla como la siguiente: 

<table border="1">
<tr>
 <td>Breakfast</td>
 <td><div id="foo">Lunch</div></td>
 <td>Dinner</td></tr>
</table>

Y usted se desvanece, con jQuery, Lunch, ¿por qué no trae nada en blanco con fadeIn?

Como a continuación: 

$("#foo").fadeOut("slow").html('').fadeIn("fast");

Dependiendo de qué es exactamente lo que está tratando de lograr, podría establecer la propiedad visibility - del div en hidden en lugar de establecer su propiedad display - en none, es decir, tendría que restaurar opacity y fadeOut() y configurar <=> manualmente después de la llamada a <=>.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top