我有一个部署到 Heroku 的 Rails 3 应用程序。我有一个保留空格很重要的字段。空白在我的本地环境中始终呈现良好。当我检查 Chrome 调试器工具时,我看到:
<div class="body-whitespace">dsfsdfdsf dsfdsfdsfds
dsdsfdsf gdfgfdgdf
g gdg dgdgfds</div>
但是在 Heroku 上,它呈现时没有空格,在调试器工具中看起来像这样:
<div class="body-whitespace">dsfsdfdsf dsfdsfdsfds dsdsfdsf gdfgfdgdf g gdg dgdgfds</div>
注意 出于某种原因,当我强制刷新页面(ctr shift R)时,该字段使用空白正确呈现。
我有一个 css 规则,将 body-whitespace
的 white-space
属性设置为 pre-wrap
并且,尽我所能告诉我们,这在本地和 Heroku 上都得到了正确应用。
我已经检查了数据库,那里肯定保留了空格。
关于为什么在我的 Heroku 暂存和生产环境中的这个 div 中没有呈现空白有什么想法吗?
编辑
我正在使用 ERB 进行模板化。这是 .html.erb
中的相关位:
<div class="body-whitespace"><%= model.body %></div>
以下是相关的 CSS 以备不时之需:
.body-whitespace{
padding-top: 5px;
padding-bottom: 5px;
max-width: 1000px;
}
.body-whitespace{
white-space: pre-wrap;
}
最佳答案
这是 Chrome 查看源代码工具的神器。尝试在命令行上使用 curl 或 wget 从 heroku 本地保存此页面的原始输出。我敢打赌它会有正确的空格。
关于html - Rails 或 Heroku 会从 HTML 中去除空格吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18638818/