【问题标题】:How can I auto remove the white space?如何自动删除空白?
【发布时间】:2011-11-12 22:37:08
【问题描述】:

我正在处理各种 RSS 新闻。

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

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

【问题讨论】:

  • @Baszz 据我所知,这两个问题无关。
  • 发生了什么?有人认为两个问题相关?

标签: html css removing-whitespace


【解决方案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字符串像

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

      ,我如何使用js来检索

      里面的文本并进行处理?
    • 在这种情况下,您可以只使用&lt;p&gt; 解析它,或者如果它具有 ID 或类,您可以选择它。我可以推荐 MDN 上优秀的 JavaScript 教程吗? Link
    【解决方案3】:

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

    【讨论】:

      【解决方案4】:

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

      div
      {
        white-space:nowrap;
      }
      

      p
      {
        white-space:nowrap;
      }
      

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

      希望这会有所帮助。

      【讨论】:

        【解决方案5】:

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

        示例:

        p{
            white-space: normal;
        }
        

        【讨论】:

          猜你喜欢
          • 2019-12-19
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-12-06
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多