15
¿Cómo puedo ocultar una etiqueta <td> usando JavaScript o CSS en línea?¿Cómo puedo ocultar una etiqueta TD usando JavaScript o CSS en línea?
A
Respuesta
17
¿Qué espera que suceda en su lugar? La tabla no puede reabastecerse para ocupar el espacio restante; esto parece una receta para las respuestas fallas del navegador.
Piense en ocultar el contenido del td, no el td en sí.
7
misma forma en que ocultas algo: visibility: hidden;
+1
¿qué pasa con display: none; ¿Eso funcionará? (navegador cruzado, etc.). – Blankman
+1
display: ninguno es en mi experiencia lo que realmente deseas el 95% del tiempo – annakata
+0
La visibilidad oculta el elemento sin alterar el flujo del documento, por lo que debe evitar el tipo de problemas que preocupan a edeverett. – Simon
36
.hide{
visibility: hidden
}
<td class="hide"/>
Editar- Sólo para ti
La diferencia entre la exposición y exhibición es esto.
"pantalla": tiene muchas propiedades o valores, pero los que está centrado en son "ninguno" y "bloque". "ninguno" es como un valor oculto, y "bloque" es como mostrar. Si usa el valor "ninguno", esconde la etiqueta html que haya aplicado este estilo CSS. Si usa "bloque", verá la etiqueta html y su contenido. muy simple.
"visibility": tiene muchos valores, pero queremos saber más sobre los valores "ocultos" y "visibles". "oculto" funcionará de la misma manera que el valor de "bloque" para mostrar, pero esto ocultará la etiqueta y su contenido, pero no ocultará el espacio físico de esa etiqueta. Por ejemplo, si tiene un par de líneas de texto, luego una imagen (imagen) y luego una tabla con tres columnas y dos filas con iconos y texto. Ahora, si aplica el css de visibilidad con el valor oculto a la imagen, la imagen desaparecerá pero el espacio que la imagen estaba usando se rehace en su lugar, en otras palabras, terminará con un gran espacio (hoyo) entre el texto y la mesa. Ahora, si usa el valor "visible", su etiqueta objetivo y sus elementos serán visibles de nuevo.
4
Si tiene más que esto en javascript considere alguna biblioteca de JavaScript, p. jquery que le quita un poco de velocidad, pero le da un código más legible. código
su pregunta a través de jquery:
$("td").hide();
Por supuesto hay otras bibliotecas de JavaScript por ahí, como this comparison on wikipedia espectáculos.
2
Simplemente puede ocultar el contenido <td> etiqueta con sólo incluye un atributo de estilo: style = "display:none"
Por correo.g
<td style = "display:none" >
<p> I'm invisible </p>
</td>
1
Podemos ocultar el contenido dentro de una utilizando el siguiente CSS en línea:
<div style="visibility:hidden"></div>
por ejemplo:
<td><div style="visibility:hidden">Your Content Goes Here:</div></td>
6
<td style = "display:none" >
<p> Content display none </p>
</td>
o
<td style="visibility:hidden"> Your content is hidden </td>
Tenga en cuenta que: 2 esas formas son differnce. Deberías intentarlo para verificar el resultado.
6
Todo es posible (o casi) con CSS, sólo tiene que utilizar:
display: none; //to hide
display: table-cell //to show
Cuestiones relacionadas
- 1. CSS/Javascript Mostrar/Ocultar DIV usando una clase de CSS?
- 2. ¿Cómo puedo truncar textos largos en una tabla usando CSS?
- 3. Ocultar algo con CSS sin pantalla: ninguno o JavaScript
- 4. Añadir espacio entre celdas (td) usando css
- 5. Javascript-CSS Mostrar y Ocultar elementos de formulario
- 6. Cómo ocultar una etiqueta de ancla por #id href usando css
- 7. Cómo insertar texto en un td con id, usando JavaScript
- 8. ¿Cómo ocultar la etiqueta del elemento por ID del elemento en CSS?
- 9. ¿Cómo puedo ocultar imágenes rotas en javascript?
- 10. ¿Cómo limitar una celda de tabla a una línea de texto usando CSS?
- 11. ocultar parte del texto html, css, javascript
- 12. ¿Cómo puedo envolver texto en una etiqueta usando WPF?
- 13. Ocultar encabezado y pie de página al imprimir desde Internet Explorer usando Javascript o CSS
- 14. Comience una nueva línea (párrafo) en una etiqueta o TextView
- 15. ¿Cómo puedo obtener el valor CSS heredado usando Javascript?
- 16. Cómo cargar archivos CSS usando Javascript?
- 17. ¿Cómo obtener html <td> valores usando javascript?
- 18. javascript: conseguir índice td
- 19. ¿Usando una etiqueta <hr> con una tabla?
- 20. ¿Cómo puedo eliminar el estilo del elemento CSS en línea (sin JavaScript)?
- 21. ¿Cómo puedo formatear todos los elementos td contenidos en una tabla con clase myclass en CSS?
- 22. Eliminar la etiqueta DIV usando Javascript o Jquery
- 23. ¿Cómo simulo <br/> (la etiqueta br) usando CSS?
- 24. ¿Cómo incrustar una etiqueta usando content_tag en RoR?
- 25. ¿Cómo construir una tabla compleja usando CSS?
- 26. Ocultar/Eliminar una etiqueta después de X segundos con jquery
- 27. cómo desactivar una etiqueta de etiqueta en javascript
- 28. CSS cómo hacer <TD> una altura fija?
- 29. Ocultar columnas en la tabla JavaScript
- 30. Dibujando una ruta con una línea en OpenLayers usando JavaScript
Sin embargo, hay espacio no deseado entre las celdas ocultas, incluso cuando el ancho se establece en 0. – Sednus