html - html中的空格选择选项

Question

我想做这样的事情:

<select>
    <option>Column1abc     Column2klmn       Column3</option>
    <option>Column1defgh   Column2opr        Column3</option>
    <option>Column1ij      Column2stuvwxyz   Column3</option>
</select>

与 <style>select option { font-family: courier;} </style>

但是渲染结果没有多个空格。

如果我使用  而不是“”，我得到了 作为字符串，而不是不间断空格。

我该如何解决？

Answer 1

这里的问题是 Twig 会自动转义 HTML 实体(有效地调用 htmlspecialchars)。由于您要发送 HTML 文字字符串，因此您不希望完成自动转义。

现在，您还没有提供您的 Twig 代码，所以我不能确切地说出您应该如何做。但我的猜测是你将它包含在这样的东西中:

{{ table.column }}

您需要使用 raw filter :

{{ table.column | raw }}

不过，您在这里确实需要小心。如果列中的值可能来自用户，那么您就容易遭受 XSS 攻击。