no poder hacer anchura máxima

Question

Tengo una página que tiene un contenido como este ...

<div id="content"> 
testingtestingtestingtestingtestingtestingtestingtestingtesting 
testingtestingtestingtestingtestingtestingtestingtesting 
testingtestingtestingtestingtesting 
</div> 

¿Cómo solicito un ancho máximo en él. Yo estoy usando este código en el CSS

#content { 
    max-width:50px; /* for standards-compliant browsers */ 
    /*width:expression(document.body.clientwidth > 650? "650px": "auto");*/ 
    /* max-width expression for IE only */ 
} 

pero yo estoy no obtener los resultados en Firefox ... http://pradyut.dyndns.org/WebApplicationSecurity/width.jsp

¿Hay soluciones de JavaScript?
Cualquier ayuda
gracias
Pradyut

Answer 1

Así, en el CSS, se puede establecer el word-wrap property a break-word para que su cadena de texto (w/sin espacios en blanco) se hará para caber en el ancho máximo:

Por ej.

<style type="text/css"> 

#content { 
    max-width: 50px; 
    word-wrap: break-word; 
} 

</style> 

Answer 2

Bueno, la razón por la que no conseguir el resultado esperado en la página que ya ha proporcionado por el enlace es que está utilizando un span en lugar de un div.

Añadir

display: block; 

a que estilo.

Answer 3

Si utilizó su propio ejemplo, encontrará que it works just fine. La página a la que se ha vinculado utiliza un elemento span, que es un elemento en línea de forma predeterminada. Los elementos en línea no pueden tener ancho o alto. Si desea establecer el ancho máximo en un elemento span, establecer que es la pantalla para bloquear o inline-block:

<span id="content" style="max-width:50px; display:block;" > 
testingtestingtestingtestingtestingtestingtestingtestingtesting 
testingtestingtestingtestingtestingtestingtestingtesting 
testingtestingtestingtestingtesting 
</span> 

Answer 4

#content { 
    max-width: 50px; 
    display: inline-block; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

Es posible que quiera eliminar display: inline-block; dependiendo del contexto de su elemento.