如何自动删除空白区域？

Question

我正在处理各种RSS新闻。

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

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

Answer 1

不可能。 HTML和CSS不是编程语言，因此，它们不包含预先形成字符串操作的工具。

您可以使用javascript轻松完成：

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

将打印

This is a string with multiple spaces

<强> Consider this working example

Answer 2

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

div
{
  white-space:nowrap;
}

或

p
{
  white-space:nowrap;
}

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

希望这有帮助。

Answer 3

如果使用jQuery，那就是jQuery.trim() function

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

Answer 4

不幸的是，您无法使用HTML或CSS处理HTML元素。 你需要一个JS。