如何自动删除空白？

Posted 2023-03-06

【中文标题】如何自动删除空白？

【英文标题】：How can I auto remove the white space?

【发布时间】：2011-11-12 22:37:08

【问题描述】：

我正在处理各种 RSS 新闻。

在这些项目中，其中一些总是在<p></p> 或<div></div> 的前面有各种空格（如制表符、冗余空格等）。

如何使用纯 html 或 CSS 自动删除段落开头的那些不必要的空格？

【问题讨论】：

@Baszz 据我所知，这两个问题无关。

发生了什么？有人认为两个问题相关？

【参考方案1】：

如果使用 jQuery，则有 jQuery.trim() function

javascript 不提供修剪功能，但here's an example 自己如何编写。

【参考方案2】：

不可能。 HTML 和 CSS 都不是编程语言，因此它们不包含执行字符串操作的工具。

你可以像这样使用 javascript 轻松做到这一点：

var str = "This is a      string with           multiple spaces";
str = str.replace(/ 2,/g, " ");
document.write("<pre>" + str + "</pre>");

将打印

这是一个有多个空格的字符串

Consider this working example

【讨论】：

谢谢！我对js一无所知。如果html字符串像

在这种情况下，您可以只使用<p> 解析它，或者如果它具有 ID 或类，您可以选择它。我可以推荐 MDN 上优秀的 JavaScript 教程吗？ Link

【参考方案3】：

很遗憾，您无法使用 HTML 或 CSS 处理 HTML 元素。 为此，您需要一个 JS。

【参考方案4】：

您可以使用 CSS 来执行此操作：

div

  white-space:nowrap;

或

p

  white-space:nowrap;

空格序列将折叠成一个空格。文本永远不会换到下一行。文本在同一行继续，直到遇到 标记

希望这会有所帮助。

【参考方案5】：

我有同样的问题 我使用“空白属性”解决了它

示例：

p
    white-space: normal;