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.

Foi útil?

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

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top