CSS：如何停止某人的名字和姓氏之间的换行符？

Question

这里是。 “Eli Freedman”分为两行。有没有办法让名字和姓氏（如果它们之间有换行符）自动转到第二行？在这种情况下，“Eli Freedman”不会拆分，会自动移动到“Note/Volume 111/April 2023”下面的第二行。谢谢！

我尝试了多行带有自动换行和空格的代码，但似乎没有找到正确的组合。

Answer 1

使用空白属性并将该属性设置为 nowrap

<p style="white-space: nowrap;">John Smith</p>

这告诉浏览器将名称显示为单行文本，并防止它跨多行。如果您有更长的名称或更窄的容器元素，您可能需要调整空白属性或字体大小以确保名称适合单行。