Question

我希望所有选项名称显示为相同的长度。我添加了＆amp; nbsp;用于填充较小长度的名称。但浏览器将连续空间合并为一个空格。

<html>
<body>

<select name=\"test\" id=\"test\" >";
   <option value="None">Select</option>
   <option value="2"> ABCDEF&nbsp;&nbsp;&nbsp;Dec09</option>
   <option value="3"> ABCDEFG&nbsp;&nbsp;Nov10</option>
   <option value="4"> ABCDEFGH&nbsp;Nov05</option>
</select>

</body>
</html>

Answer 1

选择width，例如：

<select name=\"test\" id=\"test\"  style="width:200px;">";

根据您的要求

Answer 2

这可能会更好地帮助你：当你使用简单的空格时，空间正如你所说的那样缩小，所以你注意到，使用不间断的空格：效果更好。但是你出现问题是因为当使用默认字体时，空格的宽度与宽度其他字符不同，这就是为什么像css属性一样

style="font-family:monospace;"

select-tag上的

将确保空格与任何其他字符具有相同的宽度。

希望这有帮助。

HTML：在select中的选项名称中合并了连续的空格

2 个答案: