html - 如何强制 div 标签不换行？

Question

我有一个 div 标签，其中包含一个 URL。在某些外部格式以换行符（回车、换行）结束后，这些换行符在 HTML* 中被解释为空白。就像是

yaCRLR hoo.com

并在 html 预览中显示：

雅虎网

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

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 文档的过程。