2010-03-01 17 views
43

decir que tengo un trozo de texto como este¿Cómo hacer que un fragmento de texto no se rompa?

Hola estoy un poco de texto Hola estoy un poco de texto Hola estoy un poco de texto Hola soy un texto No deseo estar roto de nuevo líneas

Considere el párrafo anterior. Quiero que la parte en negrita no se rompa en una nueva línea si es posible. Al igual que en, quiero que se rompa si se necesita una barra de desplazamiento o algo, pero no se rompe si es posible insertar un salto de página antes o después de ese fragmento de texto para que quepa en una línea.

¿Cómo es esto posible? He intentado cosas como page-break-inside y tal, pero no parece hacer nada en Firefox.

Respuesta

89

Usar la white-space propiedad:

Hello I am some text Hello I am some text Hello I am some text 
Hello I am some text <span class="nobr">I do not wish to be 
broken on new lines</span> 

con:

span.nobr { white-space: nowrap; } 
+0

Lo consideré, pero pensé que causaría una barra de desplazamiento innecesaria, pero no es así. ¡Gracias! – Earlz

+2

@Earlz ... ¿así que consideraste la solución pero preguntaste incluso antes de intentarlo? ** ¡Es un gran no-no aquí! **: P – xDaizu

+2

@xDaizu Stackoverflow hace 6 años era muy diferente que ahora heh – Earlz

11

La adición de este está completo:

Si no desea utilizar CSS, se puede usar <nobr>text with space</nobr> - Referencia here

Para los bloques de texto puro, creo que las etiquetas de formato html que ya no tienen restricciones como <i>, <b>, <nobr> y las mismas son válidas para su uso. Para el contenido relacionado con la estructura del sitio use <em>, <strong> y <span class="">.

+0

Por cierto. no es ni puede ser privado. ver: http://stackoverflow.com/a/28532140/1644202 – BananaAcid

+0

'nobr' no es estándar y' white-space' se debe usar en su lugar de acuerdo con https://developer.mozilla.org/nl/docs/Web/ HTML/Element/nobr – Roland

+1

Pero los espacios en blanco no impiden la división no textual (como la notación fonética, por ejemplo), por lo que es un salvador =] – MrVocabulary

Cuestiones relacionadas