3

我在 Django 中有一个文本字段,我正在使用 Django-admin 维护它需要保留空白。结果,我将它包装在一个<pre> </pre>标签中,以便在使用vueJSand渲染时执行此操作vue-material

使用此方法时似乎保留了空格,并且在descrip手动查看我的模型字段时,python manage.py shell空格确实存储在我的数据库中。

django shell 的模型字段中出现空白。

但是,由于某种原因,在呈现时,我的 HTML 的开头和结尾都有一个神秘的前导空白选项卡,如下所示:

渲染的 html 添加了空格

并显示在此处的 HTML 中:

呈现的 html 显示带有空格的附加标记

代码片段:

相关的html和css

  <md-layout md-column md-flex-xsmall="100" md-flex-small="55"
     md-flex-medium="70" md-flex-large="80" id="summary_block">
    <md-layout >
      <pre class="md-body">
         [[ product.descrip ]]
      </pre>
    </md-layout>
  </md-layout>

#summary_block > div.md-layout > pre {
  white-space: pre-wrap; 
  word-wrap: break-word;
  font-family: inherit;
}

这可能是一个postgres问题吗?object.descrip如果是这样,为什么在 python shell 中查看时不会出现空格?

我正在使用postgres, vuejs, djangov 1.10,如果python 3.5vue-material任何/所有这些有帮助的话。

4

1 回答 1

2

white-space: pre-wrap; 造成这种行为的人。

而是尝试:white-space: normal;

Mozilla 文档

于 2017-08-11T14:53:21.373 回答