2012-10-02 19 views

Respuesta

12

De forma predeterminada, los elementos <span> están 'en línea' y siempre crecerán al tamaño de su contenido. Debe declarar explícitamente que <span> es display: block; o display: inline-block;.

+0

+1 Eso es correcto .. sólo para la consideración OP - si necesita un elemento de bloque que es mejor utilizar uno que ya esté bloque (div, p etc.) –

3

span es un elemento en línea , lo que significa que está envuelto alrededor del texto (u otros elementos en línea). No está sujeto a width o height.

¿Quieres un bloque elemento , como un div, o tal vez un elemento deinline-block (que se logra mediante el establecimiento de display: inline-block en un elemento).

+0

estoy usando display: none en el lapso porque Lo estoy escondiendo con Prototype. Entonces, la pantalla de configuración: bloque, por ejemplo, la muestra cuando se carga la página, que no es lo que quiero. ¿Cómo puedo manejar esto? – user1638055

6
span { 
    display:block; 
    width:150px; 
    word-wrap:break-word; 
}