13
Tengo un table
que usa thead
y tbody
. El table
tiene border-spacing
conjunto, y en Chrome y Safari el espacio entre la fila de encabezado y el resto se ha duplicado.Doble espacio entre los bordes con thead en Chrome y Safari
Se informó como issue for Chrome a fines del año pasado, pero esa es la única referencia que puedo encontrar.
¿Alguien más ha tenido esto o sabe cómo evitarlo?
<table style="border-spacing: 0 5px">
<thead>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
</tbody>
Se muestra como se esperaba (todas las filas equidistantes) en Firefox, no estoy seguro de IE.
cerca el
Esto realmente parece ser un error en Webkit. ¿Necesita incluir las etiquetas 'thead' y' tbody'? –
@dark_charlie - generalmente se dice que es mucho mejor especificar thead y tbody - es menos marcado y más significativo si el desarrollador tiene que volver al código más tarde, en comparación con la especificación de '
Respuesta
thead th {position: relative; arriba: 5px;} hará
Fuente
2012-01-05 11:25:16 deiwi
eso no es exactamente "la" solución, pero puede que desee echar un vistazo a aquí para una solución alternativa que han trabajado con mi caso concreto:
How to remove extra border spacing between TBODY elements?
Fuente
2013-02-12 23:45:59 wrygiel
Cuestiones relacionadas