【问题标题】:How can I auto remove the white space?如何自动删除空白?
【发布时间】:2011-11-12 22:37:08
【问题描述】:
我正在处理各种 RSS 新闻。
在这些项目中,其中一些总是在<p></p> 或<div></div> 的前面有各种空格(如制表符、冗余空格等)。
如何使用纯 HTML 或 CSS 自动删除段落开头的那些不必要的空格?
【问题讨论】:
标签:
html
css
removing-whitespace
【解决方案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字符串像这是一个有很多空格的字符串”
,我如何使用js来检索里面的文本并进行处理?
-
在这种情况下,您可以只使用<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;
}