recientemente descubrí que necesito utilizar el atributo de espaciado de celda en mi mesa, pero me preguntaba si podía conseguir que funcione sólo en horizontal. No quiero que se extienda verticalmente, eso arruina el diseño de toda mi página.¿Cómo aplico solo el espaciado horizontal de celdas a una tabla HTML?
Respuesta
Una mejor manera de establecer cellspacing="10"
es el uso de CSS. Puede usar el siguiente CSS para apuntar el espaciado de celdas de la tabla.
table {
border-spacing: 10px 0;
}
El primer valor especifica el espaciado horizontal, y el segundo valor especifica el espaciado vertical.
El 'border- la propiedad de espacio no es reconocida por IE 8 y anteriores. –
Esto no funciona para mí en Chrome. Un borde transparente como se describe aquí hace: http://stackoverflow.com/questions/656207/css-horizontal-table-cell-spacing-how –
también hay que añadir 'border-collapse: separada;' para que esto funcione – jtate
Si solo necesita establecer la celda contenidos aparte, use espaciado dentro de celdas (y establezca cellspacing=0
en HTML). Esto es universalmente compatible con navegadores habilitados para CSS.
Si realmente necesita separar las celdas, para que haya espacio entre sus bordes o su fondo de color, entonces border-spacing
resolvería el problema, pero solo en navegadores compatibles.
Dependiendo del contexto, incluso podría considerar simular el espaciado celular colocando los contenidos de la celda en div
, configurados para cubrir el área de la celda excepto el relleno deseado, que luego se verá como el espaciado celular. Luego establecería cualquier borde o fondo deseado en esos elementos div
.
- 1. Espaciado horizontal de celdas de tablas CSS: ¿cómo?
- 2. ¿Cómo se estilo la tabla con solo espaciado celular vertical?
- 3. Combinar dos celdas de tabla HTML
- 4. Crear una tabla HTML con un repetidor ASP, repitiendo horizontal
- 5. Espaciado en correos electrónicos HTML
- 6. ¿Cómo suprimir espaciado de bordes en la tabla
- 7. Espaciado entre celdas en UITableView con UITableViewCell personalizado
- 8. cómo aplico una clase a la celda del encabezado para una columna en slickgrid
- 9. div con desplazamiento horizontal solo
- 10. cómo imprimir las celdas de una tabla con html dom simple
- 11. iPhone Tableview Usar celdas en desplazamiento horizontal no vertical
- 12. CSS: UL horizontal donde LI contiene una TABLA. ¿Posible?
- 13. Girar verticalmente el texto dentro de una celda de encabezado de tabla HTML
- 14. Cómo eliminar una fila de la Tabla de Celdas
- 15. Android, solo orientación horizontal?
- 16. Iteración a través de celdas de tabla usando jquery
- 17. ¿Una mejor alternativa que para mostrar las celdas vacías de la tabla HTML?
- 18. ¿Cómo se usa celdas y celdas en HTML5?
- 19. CSS: ¿solo desbordamiento horizontal?
- 20. Cómo colocar una tabla HTML?
- 21. Cómo combinar dos celdas en el diseño de tabla
- 22. Editar una celda de tabla HTML
- 23. Seleccionar celdas en una tabla arrastrando
- 24. Llamando a una tabla HTML desde el código detrás de
- 25. ¿Cómo aplico jquery-ui a una vista de Backbone.js?
- 26. ¿Cómo aplico la inyección de dependencia a una fábrica abstracta
- 27. ¿Cómo hago que una columna de la tabla llene todo el espacio horizontal de repuesto?
- 28. Celdas de tabla de igual tamaño para llenar todo el ancho de la tabla de espera
- 29. Eliminando líneas de tabla y espacio de tabla entre celdas en css
- 30. ¿Cómo obtener texto de cada celda de una tabla HTML?
posible duplicado de [Cómo configurar el espaciado de celdas en las tablas solo horizontalmente] (http://stackoverflow.com/questions/12970826/how-to-set-cellspacing-in-tables-only-horizontally) –