如何用TWIG在一行上制作地址码？

Question

我有一个显示商店地址的 TWIG 代码。

目前地址呈现在 3 行上。

如何把地址码做成一行？

{{ store.address|render|trim|replace({'<br>': ' - '})|striptags|raw }}

Answer 1

我不确定，但试试这个

{{ store.address|render|trim|replace({'<br>': ' - ','\n':' ', '\r':' '})|striptags|raw }}

Answer 2

您正在输出 <pre> 标签内的地址。 <pre> 标签的 white-space 默认设置为 pre。有关详细信息，请参阅 here。

所以你有 2 个选择

1. 用 <div>
替换 <pre> 标签

<div>
Lorem
        ipsum
            dolor
                sit
                    amet
</div>

2. 用 css
否决 <pre> 的 white-space

pre.spaceless {
  white-space: normal;
}

<pre>
Lorem
    ipsum
        dolor
            sit
                amet
</pre>
<pre class="spaceless">
Lorem
    ipsum
        dolor
            sit
                amet
</pre>