使一段文字不破？

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>- 引用此处

对于纯文本块,我相信如不-了-depricated HTML格式的标签<i>,<b>,<nobr>和一样是有效使用. 有关网站结构使用的内容<em>,<strong>和<span class="">.

Answer 3

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

更多内容请参见https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow