Question

从HTML代码中删除制表符和换行符的最佳（最快）方法是什么？

我正在使用mustache template system来构建我的网站，并在导入包含缩进的模板时更容易编写，阅读和维护代码。虽然在导入模板时我也会获得用于缩进的制表符和换行符。这意味着生成的页面看起来不像我想要的那样。

当然只是在没有某种模板引擎的情况下编写HTML时也是如此。

现在我的问题是，摆脱这个问题的最佳方法是什么？

我目前的解决方案是获取HTML - 正如documentation所说 - 使用$('#template').html()。之后我添加了.replace函数来删除html中的标签和换行符。

摆脱它的另一种方法当然是从HTML源中删除所有不需要的东西，尽管这会在代码中以维护的噩梦结束。

还有其他（更好）的方法可以解决这个问题吗？

我设置了两个jsfiddles，一个with mustache和一个without。正如您所看到的，第一行的宽度要宽几个像素。

Answer 1

当我遇到这个时，我只是使用float：left表示元素（float：left而没有其他显示行为就像一个display：block但是elemenet与其余部分保持一致）。

确保清除你的花车。 HTML：

  {{#items}}
    <a href="{{url}}">
      <div class="text">{{text}}</div>
    </a>
  {{/items}}
  <div style="clear:both"></div>

CSS：

a{
    margin-right: 12px;
    color: black;
    float: left;
}