HTML 中没有 nobr 替代品 - CSS

HTML 中的 nobr 标签是用来防止文本自动换行的标记，但是自从 HTML4 中被废弃以来，在 HTML5 中已经不存在了。那么如何在现代的 Web 开发中实现类似 nobr 的效果呢？这时候 CSS 就可以发挥作用了。

使用 CSS 中的 white-space 属性

CSS 中的 white-space 属性可以控制元素内的空白符如何处理，包括换行符、空格等。这个属性可以使用以下值来实现类似 nobr 的效果：

• white-space: nowrap; 表示文本不换行

以下是一个示例：

<p style="white-space: nowrap;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</p>

在上面的例子中，文本会一直保持在同一行中，不会自动换行。

使用 CSS 中的 text-overflow 属性

如果在文本过长时，想要截断内容并显示省略号，可以使用 text-overflow 属性。以下是例子：

<p style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</p>

在上面的例子中，文本一直保持在同一行中，超出容器宽度的部分会被隐藏，并且用省略号表示被隐藏的部分。

以上就是 HTML 中没有 nobr 替代品的使用方法，可以通过 CSS 控制文本的显示效果，实现类似 nobr 的功能。