在htmlo/p中保持空白

keep white spaces as it is in html o/p

本文关键字：空白 htmlo      更新时间：2023-09-26

我正在从富文本框中获取文本

例如："abc def"。

我应该在这些空白处显示一个下拉框，但浏览器正在自动释放空白。

我试过这个代码：

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

这将保持与2个额外空间的正确对齐

有没有什么方法可以让我在文本中用&nbsp;替换空白，但如果文本出现在标签之间，例如<font size="10"，那么字体和大小之间的空格将不会被替换

感谢

将div的样式设置为

white-space: pre;

并且您不必使用javascript来处理所有的麻烦。

使用&nbsp;&nbsp;作为双空格。默认情况下，浏览器将消除多余的空间。

您可以在html "<pre>string</pre>"中使用预标记或者制作一个类似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+ */
}
相关文章：