2011-08-04 7 views
7

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

+0

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

+0

@Bazzz apliqué ancho a 40px, pero no veo ningún cambio. – varunvs

+0

@varunvs, ver http://stackoverflow.com/q/6250394/632951 – Pacerier

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.

+0

¿Qué tiene que ver el 'border-spacing' con la solución? – Pacerier

+0

uno o dos píxeles más puede marcar la diferencia – Prozi

Cuestiones relacionadas