¿Cómo limitar el ancho de div?

Su todavía desbordante que se parece a esto¿Cómo limitar el ancho de div?

<table id="hlavni" style=" position:absolute; border:none; position:relative; background-color:#FFC; border:#999 1px solid;" cellpadding="5"> 
       <tr> 
       <td id="yamana" class="trida" valign="top" style="line-height:1.5em;"><div style="background-color:#FFC;" id=load_tweets>44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444</div> 
     </td> 
     </tr></table><br />

Fuente

2011-10-03 René Houmran Griffin

¿Está buscando propiedad CSS "max-width"? –

<html> 
<head> 
    <style type="text/css"> 
    #limit { 
     max-width: 500px; 
    } 
    </style> 
</head> 
<body> 
    <div id="limit">Your content goes here</div> 
</body> 
</html>

Fuente

2011-10-03 22:08:16 esqew

O incluso solo 'ancho: 500px'. –

bien, cuando hago esto, mi contenido comienza a desbordarse ... no hizo que sea de lo que estaba hablando ... –

No debería hacer eso, echa un vistazo al jsfiddle de @Eray. Funciona muy bien allí. – esqew

Con max-width. Ejemplo: http://jsfiddle.net/YCV8H/

Fuente

2011-10-03 22:09:25 Eray

ancho máximo y ancho -ambos- no evitan el desbordamiento si el texto no contiene ningún espacio como en el ejemplo de la pregunta.

div { 
    max-width : 300px; 
    word-wrap: break-word; 
}

ver esto fiddle para una solución.

Para este caso, el div debe tener el estilo "word-wrap: break-word" para poder trabajar.

O "overflow-wrap: break-word"

Fuente

2016-08-29 16:16:25 saraf

Respuesta

Cuestiones relacionadas