代码之家  ›  专栏  ›  技术社区  ›  Rajat

ie7在动态注入的文本上保留空白

  •  2
  • Rajat  · 技术社区  · 16 年前
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script type="text/javascript">
    function init(){
      document.getElementById('test2').innerHTML = '1       2';
    }
    </script>
    <style type="text/css">
    #test{
      white-space:pre;
    }
    
    #test2{
      white-space:pre;
    }
    </style>
    <title></title>
    </head>
    <body onload="init();">
    <div id="test">
    1       2
    </div>
    <div id="test2"></div>
    </body>
    
    </html>
    

    这里是一个例子页显示我的问题。我有两个沙发。每个都有这样的文字 '1 2'

    如果在IE7中打开上面的页面,div中的文本 测试2 不尊重空白。我怎样才能为动态注入的文本获得相同的行为??

    1 回复  |  直到 12 年前
        1
  •  2
  •   Sam Saffron James Allen    15 年前

    &nbsp;

    或者,你可以试试 innerTEXT innerHTML