html - 如何用 TWIG 将地址码放在一行？

Question

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

目前，地址呈现在 3 行上。

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

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

标签： htmldrupaltwigdrupal-8drupal-commerce

Answer 1

您正在输出<pre>标签内的地址。默认情况下white-space，<pre>标签的 设置为pre。有关这方面的更多信息，请参见此处。

所以你有2个选择

1. 将<pre>标签替换为<div>

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

2. 否决with white-space_<pre>css

pre.spaceless {
  white-space: normal;
}

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