如何强制div标签不进行换行？

Question

我有一个包含内部URL的div标签。一些外部格式结束后，换行符（回车符，换行符）在HTML *中被解释为空格。 像

这样的东西

yaCRLR hoo.com

并在html预览中显示：

ya hoo.com

有没有人知道如何强制避免这种换行 提前感谢您的任何见解。

Answer 1

如果HTML文档在元素内容中包含换行符，如

<div>
ya
hoo.com
</div>

正如你似乎所说的那样，你不能阻止换行符被视为HTML或CSS中的空格。你可以影响（在CSS中）处理空格的方式（例如，换行是否会导致渲染中的换行或仅仅是字间空间），但这不包括“忽略它”选项。

嗯，将word-spacing设置为预期会取消空格影响的负值会有一种棘手且冒险的方法。

<div style="word-spacing: -0.25em">
ya
hoo.com
</div>

空格的典型宽度约为0.25em，但它因字体而异。这会影响（“中和”）元素中的所有空白。

一旦指定要从哪里删除换行符，就可以轻松地使用JavaScript删除换行符。但最好是首先修改生成HTML文档的过程。