tablas - ¿Por qué mi tabla html ''max-width'' no hace que el texto se ajuste?

tablas en html ejemplos

Question

Tengo una tabla html y una columna (o <td> ) contiene palabras muy largas. Quiero establecer el ancho máximo de la columna para que, si el texto es más largo que el ancho máximo, el texto se ajuste automáticamente a la línea siguiente. He intentado establecer el estilo css max-width en el elemento <td> apropiado con "max-width:100px" , pero no funciona. El texto aún es muy largo y no se ajusta automáticamente a la siguiente línea.

¿Alguna idea de lo que está mal o cualquier código de referencia de la solución? Estoy usando IE 8 en Windows 7.

Answer 1

El ancho de html td antiguo funcionará en IE 8 para eso ... Pero desea un ancho máximo, no un ancho ... además del atributo html adicional necesario para cada celda.

Answer 2

Es necesario agregar la propiedad CSS3 word-wrap: break-word; .

Answer 3

Puedes poner un div dentro de las celdas de tu mesa.

Nada dentro de esa división extenderá la celda de la mesa.

Funciona muy bien en IE8 y Chrome al menos.

Answer 4

<td nowrap="wrap" style="width:100px;"></td>

Todos los navegadores ..

Desafortunadamente, debe controlar el contenido de cada celda para mantener el ancho fijo de toda la tabla. Hay un atributo de ancho para pero no controla nada ...