html - 如何防止使用 CSS 对 DOM 上的特定单词组进行自动换行？

Question

我有一系列输入标签:

    <label>
      <abbr>*</abbr>
      Label Text Here
    </label>

在浏览器上调整一些标签的大小，像这样换行:
*
标签
在此输入文字

理想情况下，文本不应在星号和第一个单词之间中断——像这样:

* 标签
在此输入文字

我无法使用  /更改 HTML，因为我的输入和标签是自动生成的，我无法控制 HTML 输出。我正在寻找纯 CSS 解决方案。提前致谢!

Answer 1

添加white-space: nowrap;到label

这不会将您的文本换行到下一行。

label {
  white-space: nowrap;
}

<label>
      <abbr>*</abbr>
      Label Text Here
    </label>