Impedir texto de la tabla de superposición td width

Question

¿Cómo puedo restringir la entrada de la tabla <td> a la expansión en toda la pantalla cuando la entrada es demasiado larga?

Answer 1

Bueno, hay max-width, max-height y overflow en el CSS.

Así

td.whatever 
{ 
    max-width: 150px; 
    max-height: 150px; 
    overflow: hidden; 
} 

restringiría la anchura y la altura máxima de 150 píxeles, y puede ser desde menos de 150 hasta 150, y cualquier cosa que no encaja en que quedará cortada y ocultos de vista.

El valor predeterminado del desbordamiento (overflow: visible;) es simplemente permitir que todo lo que no se ajuste dentro de su contenedor especificado se derrame fuera de él. Si sólo desea limitar en forma horizontal y no quiero ocultar nada, word-wrap pueden ayudar:

td.whatever 
{ 
    max-width: 150px; 
    word-wrap: break-word; 
} 

word-wrap romperá palabras cada vez que necesita, incluso si no está al final de una palabra. También puede simplemente usar height y width para especificar un tamaño fijo si no desea que la tabla se expanda o encoja en absoluto.

Answer 2

Puede usar word-wrap:break-word;, por lo que se envuelven las palabras demasiado largas.

Answer 3

td.whatever_class{ 
    max-width: 100px; 
} 

sustituya 100px con el ancho que desee. 1000px es un buen ancho para los sitios web, ya que cabe en casi todos los monitores que la gente tiene hoy en día, por lo que si tenía 20 columnas, entonces hágalo 50px, por ejemplo.

Answer 4

Debe especificar TANTO los estilos max-width y display (porque el atributo de visualización se establece como divertido porque es un elemento td, no un elemento normal), p.

td{ 
    max-width: 100px; 
    display: inline-block; 
} 

Answer 5

También hay una buena solución con ancho máximo de la propiedad: 0px; por lo que será responsable del ancho total de la mesa.