使一段文字不破？

Question

说我有一段这样的文字

  

你好我是一些文字你好我是一些   文字你好我是一些文字你好我   一些文字我不希望被打破   新线

考虑上面的段落。如果可能的话，我希望粗体部分不会被打破。如果它需要滚动条或其他内容，我希望它能够中断，但如果可以在该文本之前或之后插入分页符以便它可以放在一行上，则不要中断。

这怎么可能？我尝试了类似page-break-inside之类的东西，但它似乎没有在firefox中做任何事情。

Answer 1

使用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>

使用：

span.nobr { white-space: nowrap; }

Answer 2

添加此内容以获得完整性：

如果您不想使用CSS，可以使用<nobr>text with space</nobr> - 参考here

对于纯文本块，我相信不再使用<i>，<b>，<nobr>等类似的html格式标签也无效。 有关网站结构的内容，请使用<em>，<strong>和<span class="">。

Answer 3

引导程序4具有class =“ text-nowrap”

更多此处https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow