Fazendo um texto sem quebra?
Pergunta
diga que tenho um texto como este
Olá, sou algum texto olá, sou algum texto olá, sou algum texto olá, sou algum texto Eu não desejo ser quebrado em novas linhas
Considere o parágrafo acima. Eu quero que a parte em negrito não seja quebrada em uma nova linha, se possível. Como em, quero que ele quebre se exigir uma barra de rolagem ou algo assim, mas não quebrar se for possível inserir um quebra de página antes ou depois desse texto para que ele possa caber em uma linha.
Como isso é possível? Eu tentei coisas como page-break-inside
E tal, mas parece não fazer nada no Firefox.
Solução
Use o white-space
propriedade:
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>
com:
span.nobr { white-space: nowrap; }
Outras dicas
Adicionando isso para completude:
Se você não quiser usar CSS, você pode usar <nobr>text with space</nobr>
- Referência aqui
Para blocos de texto puro, eu acredito <i>
, <b>
, <nobr>
e iguais são válidos para uso.Para o conteúdo relacionado à estrutura do site usar <em>
, <strong>
e <span class="">
.
Bootstrap 4 tem uma classe = "Texto-Nowrap"
mais aqui https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapp-and-overflow