javascript - 停止动态 div 推送其他元素

Question

我有以下内容:

Text text text2 text text
text text text text text.

在某些时候，我将其替换为:

Text text <div class="highlight" style="background-color:red;">text2</div> text text
text text text text text.

但是它推送文本，我怎样才能让它保持和以前一样的顺序？

这是我尝试过的:

float:left;

和

parent().css('overflow', 'auto');

没用。
你知道任何解决方案吗？

提前致谢。

Answer 1

您有两个解决方案:

1) 只需使用 span 而不是 div

2) 你可以使用div 但你必须定义下面的样式

div.highlight {
  display:inline;  
}

在这里您可以找到第二种解决方案的演示:http://jsfiddle.net/smWvA/2/