Tengo una tabla html con table-layout: fixed
y un td con un ancho establecido. La columna aún se expande para contener el contenido del texto que no contiene un espacio. ¿Hay alguna forma de solucionar esto que no sea envolver el contenido de cada td en un div?
Ejemplo: http://jsfiddle.net/6p9K3/29/
<table>
<tbody>
<tr>
<td style="width: 50px;">Test</td>
<td>Testing 1123455</td>
</tr><tr>
<td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
<td>B</td>
</tr>
</tbody>
</table>
table
{
table-layout: fixed;
}
td
{
border: 1px solid green;
overflow: hidden;
}
En el ejemplo, puede ver que la columna con AAAAAAAAAAAA ... se expande a pesar de estar establecida explícitamente en 50px de ancho.