Html 使两个词在响应性设计上粘在一起

我有两个词需要一直粘在一起，因为这是公司的名称。例如，该公司的名称是s Overflow。有时，第二个单词“溢出”会出现在第二段的特定屏幕宽度上

Lorem ipsum dolor sit ammet met S
满溢的圣洁者

有没有一种方法，无论屏幕大小如何，这两个词始终会粘在一起

---

Lorem ipsum dolor sit ammet S Overflow
Concertidur我想你的意思是空白：css中的nowrap:

Css:

Html:

Lorem ipsum dolor sit ammet met S溢出
献祭者

我想你的意思是css中的空白：nowrap:

Css:

Html:

Lorem ipsum dolor sit ammet met S溢出
献祭者

您可以使用

white-space:nowrap;

你可以用

white-space:nowrap;

---

如果这是一个由空格分隔的两个单词的问题，并且不涉及特殊字符（如连字符），最简单和最可靠的方法是使用不间断空格，例如

S Overflow

---

您也可以将名称包装在元素中，并在其上设置

空白：nowrap

。如果名称被包装在一个元素中，例如用于样式设置，这是很方便的。

如果是两个用空格分隔的单词，不涉及特殊字符（如连字符），最简单和最可靠的方法是使用不间断空格，例如

S Overflow

---

您也可以将名称包装在元素中，并在其上设置

空白：nowrap

。如果名称被包装在元素中（例如用于样式设置），这将非常方便。

您可以创建一些css规则来控制包含在具有固定宽度的span标记中的公司名称，并将显示设置为block

<span class="cName">company name</span>

公司名称

检查

---

另一种方法是使用媒体查询，以确保公司名称跨不同的设备大小显示在一行上。

您可以创建一些css规则来控制包含在具有固定宽度的span标记中的公司名称，并将显示设置为block

<span class="cName">company name</span>

公司名称

检查

---

另一种方法是使用媒体查询，以确保公司名称在不同大小的设备上显示在同一行。

我以前不知道这一点。谢谢我想我现在会使用，但那个空白也起作用了。我以前不知道这件事。谢谢我想我现在会使用，但是这个空白也起作用了。