防止HTML删除连续空格

Question

我在JSP页面中遇到问题，我必须根据字符串在屏幕上显示生成的消息。一切正常，直到其中一个帐号包含两个空格。

所以，我有这个HTML：

    <logic:notEqual name="migrationsMessage" value="">
        <div style="color:Red;font-weight:bold">
            <bean:write name="solasDetailsForm" property="migrationsMessage"/>
        </div>
    </logic:notEqual>

当字段migrationsMessage包含以下内容时：

<input type="hidden" name="migrationsMessage" value="A  123456W has migrated to A 123456.">

屏幕上的输出是：

“A 123456W has migrated to A 123456.”

删除第一个A后的第二个空格。我试图改变这种风格，但它没有帮助：

    <logic:notEqual name="migrationsMessage" value="">
        <div style="color:Red;font-weight:bold;white-space:pre">
            <bean:write name="solasDetailsForm" property="migrationsMessage"/>
        </div>
    </logic:notEqual>

任何想法出了什么问题？

Answer 1

如果空格被复制/粘贴在前端，则将 替换为空格。

Answer 2

white-space: break-spaces为我解决了。有关空白here的更多信息。他们有这张很棒的桌子：

Answer 3

function encodeWhiteSpaces(str) {
   return s.split('').map(function(c) {
    if (c === ' ') 
        return ' '
    else
        return c;
   }).join('');
}

将字符串转换为数组（split），然后创建一个新的arrray（map），将所有空格转换为 ，最后将数组连接回字符串（join）。