Css样式以避免插入换行符

Question

我的HTML看起来像这样：

<p>blah blah blah blah blah blah <b>something that I want 
on a single line</b> blah blah blah</p>

我想以某种方式表达我希望粗体部分开始一个新行，当且仅当它不适合当前行。基本上我需要一种方式来说“如果有任何可能的方法可以避免它，不要将它分成几行”

html或css中是否有任何设施来表达这一点？

Answer 1

尝试在white-space: nowrap;标记上设置<b>。

Answer 2

您可以在单词之间添加不间断的空格 -   - ，即

<p>blah blah blah blah blah blah
<b>something&nbsp;that&nbsp;I&nbsp;want&nbsp;on&nbsp;a&nbsp;single&nbsp;line</b> blah blah blah</p>

Answer 3

您可以使用 。

在单词之间使用非中断空格

Answer 4

您可以使用带有white-space值的CSS nowrap属性来实现此目的。

在你的情况下：

b{
    white-space:nowrap;
}

我建议使用<strong>标记而不是<b>，因为前者在语义上更正确。