Internet explorer 带有contenteditable的可扩展文本不使用IE9推送_Internet Explorer_Contenteditable_Html

Internet explorer 带有contenteditable的可扩展文本不使用IE9推送

internet-explorer html

Internet explorer 带有contenteditable的可扩展文本不使用IE9推送,internet-explorer,contenteditable,html,Internet Explorer,Contenteditable,Html,我希望输入文本时跨距自动扩展。这适用于除IE（v9测试版）之外的所有浏览器，IE（v9测试版）中的文本会覆盖后面的短语（“应该推送文本”）有补救办法吗？这似乎是一个刷新问题。布局引擎应发出刷新。编辑：在兼容模式下 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > 这是一个新的IE9版本。解决办法 <!DOCTYPE html> <html> <head>

我希望输入文本时跨距自动扩展。这适用于除IE（v9测试版）之外的所有浏览器，IE（v9测试版）中的文本会覆盖后面的短语（“应该推送文本”）

有补救办法吗？这似乎是一个刷新问题。布局引擎应发出刷新。编辑：在兼容模式下

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

这是一个新的IE9版本。解决办法

<!DOCTYPE html>
<html> 
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  </head>
<body>
      <div id="link-widget-container"> 
          <p>this "
                <span id="goal" contenteditable="true" 
                      spellcheck="false" 
                      class="input-widget">
                          test
                 </span>
               " should push this text. 
          </p>
      </div>  
</body> 
</html>


这个“
测试
“应该推动这一文本。

您是否考虑过将要推入的文本放置在其自身的范围内：

<!DOCTYPE html>
<html> 
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  </head>
<body>
      <div id="link-widget-container"> 
          <p>this 
                <span id="goal" contenteditable="true" 
                      spellcheck="false" 
                      class="input-widget">
                          "test"
                 </span>
                 <span>should push this text.</span>
          </p>
      </div>  
</body> 
</html>


这个
“测试”
应该推送这个文本。

您可能还希望在跨距上使用float:left CSS属性，以确保它们很好地流动在一起