html - length - ¿Haciendo una pieza de texto sin interrupciones?
title tag html (3)
digo que tengo un texto como este
Hola, soy un texto Hola, soy un texto Hola, soy un texto Hola, soy un texto que no deseo que se rompa en nuevas líneas
Considera 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 parece que no hace nada en Firefox.
Agregando esto para la integridad:
Si no desea usar CSS, puede usar <nobr>text with space</nobr>
- haga 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 similares son válidas para su uso. Para el contenido relacionado con la estructura del sitio use <em>
, <strong>
y <span class="">
.
Use la propiedad de white-space
:
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; }
bootstrap 4 tiene una clase = "text-nowrap"
más aquí https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow