使一段文本不间断?

发布于 2024-08-23 01:10:45 字数 297 浏览 6 评论 0原文

说我有一段这样的文字

你好,我是一些文本 你好,我是一些 文本你好我是一些文本你好我是 一些文字我不想被破坏 新行

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

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

say I have a piece of text like this

Hello I am some text Hello I am some
text Hello I am some text Hello I am
some text I do not wish to be broken
on new lines

Consider the above paragraph. I want for the bolded part to not be broken across a new line if possible. As in, I want it to break if it would require a scrollbar or something, but not break if it is possible to insert a page-break before or after that piece of text so that it can fit on one line.

How is this possible? I have tried things like page-break-inside and such, but it doesn't seem to do anything in firefox.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

灼疼热情 2024-08-30 01:10:45

使用空白 属性:

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; }

Use the white-space property:

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>

with:

span.nobr { white-space: nowrap; }
昔梦 2024-08-30 01:10:45

添加此内容是为了完整性:

如果您不想使用 CSS,则可以使用 text with space - 参考 此处

对于纯文本块,我相信不再贬义的 html 格式标记如 等均有效。
对于与网站结构相关的内容,请使用 ;

Adding this for completeness:

If you do not want to use CSS, you could use <nobr>text with space</nobr> - reference here

For pure text blocks, i believe not-anymore-depricated html formatting tags like <i>, <b>, <nobr> and alike are valid for use.
For content relating to the site structure use <em>, <strong> and <span class="">.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文