Para permitir que la tabla llene la pantalla (áreas en blanco restantes), su atributo de ancho a menudo se define como: 100%, y las celdas también se definen por porcentajes.
Pero esto causará problemas: si el texto en la celda excede el límite de ancho, envolverá automáticamente la línea y la altura aumentará automáticamente, lo que dará como resultado estilos desiguales de toda la tabla, lo cual es muy feo.
La solución fácil para esto es deshabilitar los descansos de línea de texto: White-Space: Nowrap; desbordamiento: oculto;
¡Tan fácil! Pero el efecto aún es inesperado: el texto se muestra en una línea, el ancho se amplía automáticamente e incluso excede el contenedor principal, ¡el desbordamiento no tiene ningún efecto!
¿Qué está sucediendo? ¿Es el motivo del porcentaje? Pero si usa un ancho fijo estático, se pierde la flexibilidad de la tabla.
Entonces, la solución definitiva se encontró sin ningún esfuerzo: ancho de tabla fijo: Table-Layout: fijo;
Por cierto, hice una representación simple, consulte lo siguiente: