奇异的白色空间问题。 HTML，CSS，Angular

Question

我对以下代码有一个奇怪的问题：

我将使用areatext-box输入的文本保存到SQL DB。在DB中没有前导或尾随空格。

然后我使用angular {{model.text}}

在div中显示文本

它神奇地添加了这些奇怪的前导和尾随空格：

<pre class="ng-binding">        Line1
Line2
Line3
Line4                            
    </pre>

正如您在pre标签中看到的那样，有前导和尾随空格。请注意，这也发生在div内，并且不限于预标签。

我很难过..

我已经尝试了一个过滤器来删除前导空格和尾随空格，并且还修改了父容器上的所有css。

Answer 1

我知道这是一个老问题，但我最近遇到了同样的问题，这是因为我在$(image2).addClass("page page-2");标签内使用了换行符和缩进。例如，我的原始代码如下：

<pre>

这给出了您描述的结果。我的解决方案是删除换行符和缩进，以便它全部在一行：

<pre>
    {{model.text}}
</pre>

这样做可以解决我的问题。

我知道您的体验不仅限于<pre>{{model.text}}</pre> 标签，但遗憾的是，我没有很好的解释。只是想添加一个答案，以防有人在路上。