67

说我有这样一段文字

你好我是一些文字你好我是一些文字你好我是一些文字你好我是一些文字我不希望换行

考虑上面的段落。如果可能的话，我希望粗体部分不要跨越新行。如，如果它需要滚动条或其他东西，我希望它中断，但如果可以在那段文本之前或之后插入分页符，以便它可以放在一行上，则不要中断。

这怎么可能？我已经尝试过诸如此类的事情page-break-inside，但它似乎在Firefox中没有做任何事情。

4

3 回答 3

129

使用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; }
于 2010-03-01T22:11:02.673 回答
12

为了完整性添加这个：

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

对于纯文本块，我相信不再赘述的 html 格式化标签，如,<i>等是有效的。 对于与网站结构相关的内容，请使用,和.<b><nobr><em><strong><span class="">

于 2014-05-13T14:30:14.850 回答
6

bootstrap 4 有一个 class="text-nowrap"

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

于 2018-06-29T04:48:29.570 回答