160
Tengo un elemento <span> que quiero mostrar sin ningún salto de línea. ¿Cómo puedo hacer eso?Prevenir el salto de línea del elemento de tramo
A
Respuesta
268
poner esto en tu CSS:
white-space:nowrap;
Obtenga más información aquí: http://www.w3.org/wiki/CSS/Properties/white-space
white-space
La propiedad white-space declara cómo se maneja el espacio en blanco dentro del elemento.
Valores
normal Este valor dirige los agentes de usuario para colapsar secuencias de espacio en blanco, y romper las líneas como sea necesario para llenar cajas de línea.
pre Este valor evita que los agentes de usuario colapsen las secuencias de espacios en blanco. Las líneas solo se dividen en líneas nuevas en la fuente o en las apariciones de "\ A" en el contenido generado.
nowrap Este valor se desploma espacio en blanco como para el '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 dividen en líneas nuevas en la fuente, en las apariciones de "\ A" en el contenido generado, y según sea necesario para llenar los cuadros de línea.
pre-line Este valor indica a los agentes de usuario que colapsen las secuencias de espacios en blanco. Las líneas se dividen en líneas nuevas en la fuente, en las apariciones de "\ A" en el contenido generado, y según sea necesario para llenar los cuadros de línea.
inherit Toma el mismo valor especificado que la propiedad para el elemento principal del elemento.
+3
También es bueno agregar más documentación aquí: http://www.w3.org/wiki/ CSS/Properties/white-space –
+12
Para el caso cuando tiene muchos tramos i nside de div y quiere achive línea única pero no línea única div, tiene que agregar a span también mostrar: inline-block ;. Espero que ayude a alguien. – walv
11
Si sólo necesita para evitar saltos de línea en los caracteres de espacio, puede utilizar entidades entre las palabras:
No line break
en lugar de
<span style="white-space:nowrap">No line break</span>
Cuestiones relacionadas
- 1. HTML prevenir salto de línea (entre dos etiquetas de tabla)
- 2. ¿Cómo prevenir un salto de línea en un enlace html?
- 3. bloque en línea en el tramo
- 4. Tramo objetivo de Jquery después del elemento actual
- 5. salto de línea en un lapso con ancho definido?
- 6. PDFsharp salto de línea
- 7. String.Format salto de línea
- 8. sumando salto de línea
- 9. Salto de línea usando el Portapapeles SetText
- 10. CSS: ¿salto de línea ignora el relleno?
- 11. ¿Cómo puedo evitar el salto de línea en un elemento en línea?
- 12. C++ salto de línea ofstream
- 13. asp: UpdateProgress - Presionando el salto de línea
- 14. Prevenir salto de línea después de @ Html.LabelPara En ASP.NET MVC 4 Usar Razor
- 15. ¿Cómo obtener la altura de línea de un tramo?
- 16. sin salto de línea entre el botón y el formulario
- 17. URL látex salto de línea
- 18. salto de línea en XML?
- 19. Mostrar salto de línea asp.net mvc razor
- 20. javascript: reemplazar salto de línea
- 21. Quitar salto de línea del área de texto
- 22. Prevenir <form> salto de línea entre dos <form> etiquetas
- 23. Cómo prevenir la nueva línea/salto de línea dentro de un <form></form>?
- 24. Encuadernación del contenido de un tramo
- 25. Prevenir javascript onclick el elemento hijo
- 26. Cómo eliminar salto de línea en el compañero de texto
- 27. HTML sin salto de línea en guiones
- 28. Cómo conservar un salto de línea
- 29. Salto de línea en mailto onclick
- 30. salto de línea C# cada n caracteres
si usted está mirando para suprimirlos, cheque http://stackoverflow.com/questions/425274/prevent-line-paragraph-breaks-in-contenteditable/14266096#14266096 – amwinter