195 votos

Evitar el salto de línea del elemento span

Tengo un <span> para el que quiero mostrar sin ningún salto de línea. ¿Cómo puedo hacerlo?

335voto

Daan Puntos 3325

Pon esto en tu CSS:

white-space:nowrap;

Obtenga más información aquí: http://www.w3.org/wiki/CSS/Properties/white-space

espacio en blanco

La propiedad white-space declara cómo se maneja el espacio en blanco dentro del elemento.

Valores

normal Este valor indica a los agentes de usuario que colapsen las secuencias de espacios en blanco, y que rompan las líneas según sea necesario para rellenar las cajas de líneas.

pre Este valor evita que los agentes de usuario colapsen las secuencias de espacios en blanco. Las líneas sólo se rompen en las nuevas líneas de la fuente, o en las apariciones de " \A " en los contenidos generados.

nowrap Este valor colapsa los espacios en blanco como en el caso de "normal", pero suprime los saltos de línea dentro del texto.

pre-wrap Este valor evita que los agentes de usuario colapsen las secuencias de espacios en blanco. Las líneas se rompen en las nuevas líneas de la fuente, en las ocurrencias de " \A " en el contenido generado, y según sea necesario para rellenar las cajas de las líneas.

pre-line Este valor indica a los agentes de usuario que colapsen las secuencias de espacios en blanco. Las líneas se rompen en las nuevas líneas de la fuente, en las ocurrencias de " \A " en el contenido generado, y según sea necesario para rellenar las cajas de las líneas.

inherit Toma el mismo valor especificado que la propiedad del elemento padre.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X