2010-09-08 27 views
8

Tengo una tabla con 3 columnas. Quiero que la tercera columna se alinea a la derecha del elemento superior y las otras 2 columnas a la izquierda, como esto:columna de la tabla HTML alinear a la derecha

(left column) (middle column)          (right column) 

¿Hay una manera de hacer esto a través de CSS o algo?

Respuesta

11

Use width:100% en la tabla y en la columna central.

+0

funciona mucho para metanks :) – Graslandpinguin

+0

También puede establecer el ancho: 100% en el estilo de la última columna y td align = "right" en la última columna. Luego puede insertar más columnas en el medio mientras el espaciado aún funciona. –

4

hay algunas formas de hacer lo que quiera. El más básico es cambiar la alineación directamente en la etiqueta

<td align='left'>data1</td><td align='right'>data1</td><td align='left'>data1</td> 
<td align='left'>data2</td><td align='right'>data2</td><td align='left'>data2</td> 
.... 

si necesita cambiar algo más (estilo CSS) se podría crear una clase como .firstColumn y .secondColumn en cada <td>

He intentado cambiar directamente la columna pero eso no funciona (HTML table colgroup element not working?

Cuestiones relacionadas