如何使用TWIG将地址代码放在一行上? [英] How to make the address code on one line with TWIG?

问题描述

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

当前地址显示在3行上.

如何将地址代码放在一行上?

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

解决方案

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

所以您有2个选择

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

 <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> 

I have a TWIG code to display the address of a store.

Currently the address is rendered on 3 lines.

How to make the address code on one line ?

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

解决方案

Your are outputting the address inside a <pre> tag. The white-space of the <pre> tag is set to pre by default. See here for more information about this.

So you have 2 options

1. Replace the <pre> tag with a <div>

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

2. Overrule the white-space of the <pre> with css

pre.spaceless {
  white-space: normal;
}

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

这篇关于如何使用TWIG将地址代码放在一行上?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！