34
Así que tengo el texto e-commerce y no quiero que la línea se ajuste al guión.
¿Cómo puedo restringir el ajuste para esa línea de texto?HTML sin salto de línea en guiones
A
Respuesta
53
Uso del guión de no separación: ‑
18
envolverlo en la etiqueta <nobr>…</nobr>, o si se preocupan por la validez del código HTML, establece el estilo white-space: nowrap;.
+3
Creo que las etiquetas '
+0
nobr no es compatible –
+0
* Si * le importa la validez?!? Yo no era el infractor, pero si lo fuera, no lo revertiría por esos motivos. – Malvolio
84
Puede usar CSS: white-space: nowrap;.
Ejemplo: Envuelva el texto en un lapso con esa declaración de CSS.
<span style="white-space: nowrap;">e-commerce</span>
+3
solo entonces no se ajustará en absoluto, que no es el resultado esperado. –
+0
... uuhh ... ¿qué?'blah blah e-commerce' funcionará muy bien = \ –
+0
Estoy agregando un ejemplo, aunque no es tan limpio como el método '‑'. –
6
No es este guión de no separación (copiar y pegar): ‑ o utilizar ‑ o ‑
Tenga en cuenta que esta es la única Unicode “carácter” que unifica las siguientes características :
- es compuesto de antemano (se puede hacer nada de no separación según la composición)
- es de no separación
- es un guión o guión o similares
El uso de la palabra Joiner representado por ⁠ o ⁠ permite otras guiones. Resultados:
e & # x2010; & # x2060; el comercio (guión seguido por el carpintero palabra)
e - & # x2060; el comercio (guión ASCII/menos seguido por el carpintero palabra)
... y el precompuesto para la referencia:
de comercio electrónico (guión de no separación)
http://jsfiddle.net/NR5Ch/58/ (este violín muestra el efecto de la palabra Joiner)
Cuestiones relacionadas
- 1. Cómo habilitar salto de línea en guiones en Firefox
- 2. Salto de línea en HTML ¿Seleccionar opción?
- 3. Línea de salto automático en HTML
- 4. Desvinculación de palabras CSS/salto de línea en guiones bajos además de espacios en blanco y guiones
- 5. salto de línea en XML?
- 6. Salto de línea en TextBox o área Html
- 7. ¿Cómo prevenir un salto de línea en un enlace html?
- 8. HTML prevenir salto de línea (entre dos etiquetas de tabla)
- 9. Cómo evitar el salto de línea en guiones en todos los navegadores
- 10. impresión variable en Python sin espacio ni salto de línea
- 11. Printf sin salto de línea en el montaje
- 12. Salto de línea dentro de valor de atributo etiqueta HTML
- 13. String.Format salto de línea
- 14. sumando salto de línea
- 15. PDFsharp salto de línea
- 16. Visualización de información de MATLAB sin un salto de línea
- 17. PHP eliminar salto de línea o CR LF sin éxito
- 18. sin salto de línea entre el botón y el formulario
- 19. Python: Matplotlib anota salto de línea (con y sin látex)
- 20. Salto de línea en la etiqueta
- 21. C++ salto de línea ofstream
- 22. URL látex salto de línea
- 23. javascript: reemplazar salto de línea
- 24. Mostrar salto de línea asp.net mvc razor
- 25. Salto de línea en un mensaje
- 26. Salto de línea en mailto onclick
- 27. Salto de línea en Android agrega relleno
- 28. salto de línea de fuerza en la celda de la tabla html
- 29. Almacenamiento de salto de línea en una variable php
- 30. asp: UpdateProgress - Presionando el salto de línea
+1. Funciona. No lo sabía Aquí hay un violín para mostrar: http://jsfiddle.net/jasongennaro/NR5Ch/ –
@Rikudo Sennin: mi primera victoria en la carrera de arrastrar de SO (¡también he corrido docenas de veces)! Y OP, simplemente busqué en Google yo mismo. Si no tuvo éxito allí, puede leer [this] (http://owlet.letu.edu/grammarlinks/punctuation/punct4d.html). – Malvolio