Resuelva el problema de dejar un espacio en cada columna del encabezado de la tabla

Después de modificar el color de fondo del encabezado de la tabla en el proyecto, encontré un problema que no había notado antes. Aparecía un borde blanco entre cada columna del encabezado, que se veía muy feo.

Mirando el estilo, se encuentra que la tabla tiene un atributo border-collapse:separate; border-collapse establece si el borde de la tabla se fusiona en un solo borde, y hay tres valores de atributo:

Luego cambié el valor de border-collapse a colapso, que es fusionar los bordes, pero el resultado sigue sin funcionar.

Después de ajustar la distancia de cada columna, descubrí que el espacio desaparecía mágicamente.

Ajustes de espaciado antes de la modificación:

Ajustes de espaciado modificados:

Sin embargo, la brecha todavía se puede ver cuando se muestra la barra de herramientas del dispositivo, siempre que la barra de herramientas del dispositivo esté cerrada, desaparecerá

Supongo que te gusta

Origin blog.csdn.net/m0_65835778/article/details/129169332
Recomendado
Clasificación