Quiero todas las columnas (<td></td>) en un <table></table> tienen la misma longitud, ¿cómo lograr esto?

Question

¿Cómo lograrlo con CSS o HTML?

<table class="banner"><tr><td>If you need many results, then post your task as piecework here. You only need to pay qualified results. 
    </td> 
<td>Make money by doing piecework</td></tr> 
<tr><td><a href="publish.php">POST PIECEWORK FOR FREE</a><br/></td><td></td></tr></table> 

Answer 1

Se debe utilizar la propiedad table-layout aquí ...

table { table-layout: fixed; } 
table td { overflow: hidden; } 

Answer 2

uso de CSS:

td{overflow:hidden;width:200px;} 

Answer 3

En CSS, se puede utilizar el ancho de propiedad. Esto se puede hacer en línea o como parte de una hoja de estilo. Para obtener más CSS para tablas, visita CSS Styling Tables desde w3schools.

td { 
    width:200px; 
} 

<td style="width:200px;"> 

O, en HTML, echa un vistazo a la etiqueta de colgroup, así:

<colgroup> 
    <col width="200px" /> 
</colgroup> 

Yo personalmente uso el colgroup más.

Answer 4

¿Qué pasa con:..

table { width:100% } 
td { width:20% } 

(suponiendo que tiene 5 de cada fila td Si tiene tres, puesto anchura de 33%, si tiene 2 poner el 50% y así sucesivamente

Answer 5

Ajuste el ancho (CSS o en línea si lo desea) para ser el mismo valor porcentual para cada columna (idealmente con un total de 100%). Esto permitirá escalar progresivamente

Answer 6

Puede usar la propiedad width para el selector td. , posiblemente quiera discriminar una tabla o ver el otro En ese caso, se puede clasificar a su mesa 'igual al ancho' de esta manera:

<table class="equal_width_columns"> 
    <tr><td>one</td><td>onetwothree</td></tr> 
</table> 

<table> <!-- just a regular table --> 
    <tr><td>one</td><td>onetwothree</td></tr> 
</table> 

con CSS como esto:

table.equal_width_colums * td { width: 300px; } 

Answer 7

Estaba buscando esto yo mismo. Pero en mi caso, el conteo de la mesa no fue fijo, por lo tanto, dar el porcentaje exacto no era una opción. Encontrado otra solución en

http://freachable.net/2007/11/02/AutomaticEqualWidthColumnsInHTMLTables.aspx

Dar las células una anchura muy pequeña. Las celdas se escalarán para llenar el ancho disponible.

table tr td { width:5%; }