Limitar el ancho de la tabla

Question

Tengo una tabla html que puede tener un ancho máximo de 700 píxeles y no sé cuántas columnas habrá (entre 3 y 10). Quiero que todos los elementos <th> tengan un relleno de 5px, pero esto aumenta el ancho de la tabla y hace que el div en el que se encuentra muestre barras de desplazamiento horizontales.

Como yo no sé el número de columnas, no es posible restar el px extra añadido por el relleno de la anchura total.

Poner un valor de desbordamiento en el div tiene ningún sentido, ya que acaba de ocultar las columnas más allá de 700px.

¿Hay una manera de evitar esto, para establecer un límite duro adecuada de la anchura de la mesa?

Answer 1

Usar la CSS a continuación y esto debe prevenir su mesa supere el tamaño máximo que defina:

table{ 
    table-layout:fixed; 
} 

Answer 2

Establezca el ancho de la tabla en 100% y su ancho div principal en 700px.

Answer 3

La mejor solución posible para esto es la que está usando ahora.

Como no se puede predecir el número de columnas que no se puede establecer un ancho de cada columna. Por lo tanto, establecer la desbordamiento de div principal en automático y el ancho de la tabla secundaria en 100% es la mejor solución.

Answer 4

¿En qué configuras el relleno?

Si ajusta el ancho de la tablay el relleno en el TD usted debe ser capaz de obtener exactamente lo que quiere.