保持白色空格，因为它在html o / p中

Question

我从富文本框中获取文本

例如：“abc def”。

我应该在这些空格处显示一个下拉框，但浏览器会自动消除白色空格。

我试过这段代码：

var text = div.innerHTML;    
var regex = new RegExp(" ", "g");  
text = text.replace(regex, "   ");  
div.innerHTML = text;  '

这可以保持与2个额外空格的正确对齐

有没有办法让我可以在文本中用 替换空格，但如果文本出现在标签ex之前。 <font size="10"然后不会替换字体和大小之间的空格

由于

Answer 1

将div的样式设置为

white-space: pre;

并且您不必使用javascript完成所有混乱。

Answer 2

将  用于双倍空间。浏览器默认会消除额外的空间。

Answer 3

您可以在html "<pre>string</pre>"中使用预标记 或者像前一样制作一个css类：

.wspaces{
    white-space: pre;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}