html - 在由 java 创建的字符串的选择的选项文本中保留空格

Question

服务器端，我构建了一个字符串列表，这些字符串是 html select multiple 的选项文本。

每个字符串都是四个字符串连接的结果。第一、第二和第三的长度=5。第三个字符串的长度可变，因此我将其长度补全为 19 个带有空格的字符：

 StringUtils.rightPad(data.toUpperCase(), 19, " "); 

然而，在我的 html 页面中，这些空格被删除了。

我在这个网站和其他网站上寻找过类似的问题，我尝试过  ，\u0020，我尝试过 css 样式的 white-space:pre-wrap;，我尝试了很多东西，但空格不是保存。

任何人都知道如何在没有 javascript 的情况下解决这个问题？仅适用于 html/样式。

谢谢，问候

Answer 1

网页中的默认样式是折叠空白，您可以使用white-spaceCSS 中的属性轻松更改：

p {
 white-space: pre;
}

值pre和pre-wrap保留空格，它们之间的区别在于，它们pre只会在换行符处换行，而pre-wrap将换行在所有空白字符（如常规文本）上。你的问题表明你已经尝试过了，但它没有用，但是我已经测试了这段代码，它对我来说运行良好（使用谷歌浏览器）并且W3C 参考说它适用于所有主要浏览器，因此我怀疑这是实施中的错误，再试一次并仔细检查你是否将样式应用于正确的类并且没有特异性问题。