Cuando ejecuto este código http://jsfiddle.net/KW3Dw/4/ en Chrome y Firefox, ambos muestran el borde de forma diferente. Veo un guion entre celdas adyacentes en Chrome, mientras que en Firefox, se representa sin guiones. ¿Cómo puedo arreglar esto?Problema de borde salpicado de CSS en columnas adyacentes en una tabla representada como guión en Chrome
7
A
Respuesta
7
Puede establecer el espacio entre los bordes horizontales para un número par de píxeles entre las celdas y entre los puntos del borde.
Por ejemplo: http://jsfiddle.net/Gmhuw/
No se puede "arreglar" modificando el estilo de su mesa, estos puntos se interpretan de esa manera por Chrome. Esa es solo la limitación del navegador.
Cuestiones relacionadas
- 1. Selectores de hermanos adyacentes CSS - Problema IE8
- 2. Secuencia de operadores de hermanos adyacentes en CSS
- 3. Problema de representación del borde en IE
- 4. El borde punteado de CSS se representa como discontinuo en Chrome
- 5. Color de borde de tabla en CSS con colapso de borde
- 6. CSS estilo de tabla-como
- 7. css problema de la libración en Chrome y Safari
- 8. Adición de borde de tabla en jasperreports
- 9. Problema de SQLite al seleccionar dos columnas como una
- 10. Borde de fila de tabla en HTML5 sin espacios
- 11. ¿Cómo edito CSS en Chrome como en Firebug para Firefox?
- 12. Problema en el diseño de la tabla - Firefox versus Chrome e IE7
- 13. Problema de representación de IE8 CSS (tabla)
- 14. CSS borde en tres lados
- 15. Cómo utilizar una imagen para un borde en CSS
- 16. CSS: establecer un ancho máximo en una tabla
- 17. tabla CSS y ancho máximo en Chrome no funciona
- 18. Combinación de borde superior, borde derecho, borde izquierdo, borde inferior en CSS
- 19. ModelMultipleChoiceField como tabla de varias columnas
- 20. CSS guión conjunto li
- 21. Tabla de CSS, problema de altura de celda de tabla en Firefox
- 22. Comportamiento de ancho de borde extraño en Chrome: ancho de borde de punto flotante?
- 23. Seleccione registros adyacentes en MySQL
- 24. getElemenById problema en Google Chrome
- 25. Crear una tabla basada en algunas columnas de otra tabla, sino también añadir algunas columnas adicionales
- 26. Borde gráfico personalizado en DIV con CSS
- 27. Encontrar vecinos adyacentes en una cuadrícula hexagonal
- 28. Unir dos columnas en una tabla en SQL
- 29. Hacer zoom en Chrome causa problemas de posicionamiento de CSS
- 30. seleccione la opción/etiqueta html salpicado problema de contorno en Firefox
si el ancho de la primera celda hace que el borde termine en un punto, y el borde de la siguiente celda comienza con un punto, muestra un "guión", que son 2 puntos uno al lado del otro. Puede forzar el ancho de la primera celda para que coincida con una desigual veces por el ancho de un punto por lo que siempre termina en punto nulo. Haga el primer td 'width: 40px' y verá lo que quiero decir. – Bazzz
@Bazzz apliqué ancho a 40px, pero no veo ningún cambio. – varunvs
@varunvs, ver http://stackoverflow.com/q/6250394/632951 – Pacerier