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>

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

如果我使用 代替＆＃34; ＆＃34;，我会将 作为字符串，而不是作为不间断的空格。

我该如何解决？

Answer 1

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

现在，您尚未提供Twig代码，因此我无法确切地说您应该如何执行此操作。但我的猜测是你用这样的东西包括它：

{{ table.column }}

您需要使用raw filter：

{{ table.column | raw }}

但是，你需要在这里小心。如果列中的值可能来自用户，则表明您正在进行XSS攻击。

Answer 2

 有效!!!!

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

Answer 3

//use code
select{word-spacing:1px;}

html中的空格选择选项

3 个答案: