Tabla con 3 columnas Ancho de columna de centro fijo. ¿Cómo se ha compartido el ancho en otras dos columnas?

tengo una mesa de 100% de ancho con 3 columnas. La columna central debe tener un ancho de 600px. ¿Cómo puedo tener los otros dos anchos iguales mientras uso el espacio restante?

left center right

Actualmente, dependiendo del contenido de las columnas izquierda o derecha, siempre son desiguales. He intentado configurar un 50% de ancho a la izquierda y derecha, así como otros números y pruebas de ancho mínimo.

Por favor, no jquery / javascript. Gracias

Nueva respuesta a esta vieja pregunta.

  1. Dale a la columna central un max-width min-width lugar del width
  2. Dale a la izquierda y a la derecha un width del 50% .
  3. No le des width a la table en absoluto.

He arreglado este width columna medio ejemplos en 300px .

jsBin Ejemplo!

CSS

 table { border-collapse: collapse; } th, td { border: solid 1px #CCC; padding: 10px; } .fixed { max-width: 300px; min-width: 300px; } .fluid { width: 50%; } 

HTML

 
First Column Fixed Column Third Column

El uso de la etiqueta “colgroup” podría ser de gran ayuda para esto.

 
First Column Third Column
AAAAAA BBBB CCCCC
AAAAAA BBBB CCCCC
AAAAAA BBBB CCCCC
.fixed-center-table { table-layout: fixed; width: 100%; border-collapse: collapse; } .fixed-center-table td{ text-align: center; } col#middle-column { width: 600px; }

Supongo que “align = center” usado con la columna central puede ayudarte.