制作一条文字非破坏？

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> - 参考 这里

对于纯文本块, ，我相信不含有驱动的html格式标签 <i>, <b>, <nobr> 和相同的使用有效。用于与网站结构有关的内容 利用 <em>, <strong> 和 <span class="">.

Answer 3

Bootstrap 4具有一个类=“ text-nowrap”

这里还有更多 https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow