2011-07-12 9 views
49

me gustaría mantener una línea de texto entre sí de manera que, o bien toda la línea se despliega una línea o ninguno en absolutoMantener una línea de texto en una sola línea - envolver toda la línea o ninguno en absoluto

Aceptable

How do I wrap this line of text - asked by Peter 2 days ago 

Aceptable

How do I wrap this line of text 
- asked by Peter 2 days ago 

No ac Aceptable

How do I wrap this line of text - asked by Peter 
2 days ago 

¿Esto se puede lograr en CSS?

+0

¿Cómo se expresan sus líneas en el marcado? ¿Estás haciendo una suposición de una nueva línea porque contiene un guión? – DoctorMick

+0

@DoctorMick - no hay suposiciones de líneas nuevas y el marcado está completamente abierto a cualquier cosa - la respuesta de @Gus me lo ha dicho bien - ty –

Respuesta

91

Puede utilizar white-space: nowrap; para definir este comportamiento:

// HTML: 

.nowrap { 
 
    white-space: nowrap ; 
 
}
<p> 
 
     <span class="nowrap">How do I wrap this line of text</span> 
 
     <span class="nowrap">- asked by Peter 2 days ago</span> 
 
    </p>

// CSS: 
.nowrap { 
    white-space: nowrap ; 
} 
+0

Funcionó un encanto, gracias –

+7

Esto funciona bien a menos que la cantidad de texto dentro del lapso no pueda ser se muestra en una línea en cuyo caso se corta. Algo para pensar en pantallas pequeñas/móviles y sitios receptivos. –

1

También puede poner espacios de no separación (y ampnbsp;) en lugar de los espacios de modo que están obligados a permanecer juntos.

How do I wrap this line of text 
-&nbsp;asked&nbsp;by&nbsp;Peter&nbsp;2&nbsp;days&nbsp;ago 
+0

Como señaló Paul Hiles anteriormente, esto también funciona bien a menos que la cantidad de texto no se pueda mostrar en una línea, en cuyo caso se corta. –

+0

Sí, esto merece más votos favorables. –

Cuestiones relacionadas