在HTML的选择标签中保留空格

Question

我有一串字符串列表，我想在HTML的select对象中显示出来。这些字符串看起来大概是这样的：

id - 名称 - 描述

我希望这些字段可以对齐。在PHP中，我正在使用

sprintf ("%4s%10s%20s", $id, $name, $description);

这个功能本身没有问题。问题在于选择列表中的多个空格被压缩成了一个空格。我尝试使用选择框的pre和white-space CSS属性，但没有效果。有什么建议吗？

- Marius

Answer 1

您需要使用 代替空格，它们是不会断行的空格，因此文本不会塌陷。

您可以这样做：

str_replace(" ", " ", sprintf("%4s%10s%20s", $id, $name, $description));

- sirhc

Answer 2

使用CSS将选项的字体设置为等宽字体。使用 代替空格（可以使用str_pad()代替sprintf()）。 http://us3.php.net/str_pad

- Scott Saunders

---

我曾经使用等宽字体。你的解决方案也可以，但我更喜欢单一的str_replace而不是三个str_pad。 - Marius

Answer 3

将空格替换为  HTML 实体。

- Goran Jurić

Answer 4

您可能需要用 替换空格才能使其正常工作；尽管我认为有更好的方法来做到这一点，但我的HTML技巧不够强...

- Austin Salonen

Answer 5

将其包装在 HTML 的 "code" 标签中。

- Brent Arias

Answer 6

用非断行空格替换连续的多个空格：

 

- Pim Jager

Answer 7

将空格转换为 ？

尝试使用 （不间断空格），这是您要寻找的吗？

- Lizard