首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在原始标记中保留并发HTML元素之间的空格

在原始标记中保留并发HTML元素之间的空格
EN

Stack Overflow用户
提问于 2018-02-03 03:31:20
回答 2查看 614关注 0票数 1

我需要使用twig在页面上呈现原始HTML。我遇到问题是,当我有两个用空格分隔的并发HTML元素时,空格就会被删除。

我怎样才能保留这个空间呢?

我将HTML字符串呈现为:

代码语言:javascript
复制
{{ set _html = entity.html }}
{{ _html|raw }}

例如:

代码语言:javascript
复制
<p>start <span class="some-class">one</span> <span class="some-class">two</span> stop</p>

呈现为:

代码语言:javascript
复制
<p>start <span class="some-class">one</span><span class="some-class">two</span> stop</p>

我确信twig raw函数正在清理我的数据,因此我的问题也是如此。

我的看法是:

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-02-03 04:32:43

按照cale_b的建议,我将使用下面的CSS hack在缺少间距的元素前添加一个空格:

代码语言:javascript
复制
.monograph {
  * + span:before {
    content: ' ';
  }
}
票数 1
EN

Stack Overflow用户

发布于 2018-07-17 04:05:16

正如在here和我的案例中回答的那样,问题是我有一个{% spaceless %}标记来包装我的内容。所以|raw是正常工作的,但是是没有空格的标签去掉了空格。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48589663

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档