题
说我有这样的文字
你好,我是一些文字你好,我是一些短信你好,我是一些文字你好,我是一些文字 我不希望在新线条上被打破
考虑上述段落。如果可能的话,我希望粗体的零件不会在新线路上破裂。与此一样,如果需要滚动栏或其他内容,我希望它会破裂,但是如果可以在该文本之前或之后插入单页折断,则不要断裂,以便它可以适合一行。
这怎么可能?我尝试了类似的事情 page-break-inside
等等,但似乎在Firefox中没有做任何事情。
解决方案
使用 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; }
其他提示
为完整性添加此信息:
如果您不想使用CSS,则可以使用 <nobr>text with space</nobr>
- 参考 这里
对于纯文本块, ,我相信不含有驱动的html格式标签 <i>
, <b>
, <nobr>
和相同的使用有效。用于与网站结构有关的内容 利用 <em>
, <strong>
和 <span class="">
.
Bootstrap 4具有一个类=“ text-nowrap”
这里还有更多 https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow
不隶属于 StackOverflow