当div正在扩展时，防止文本重新格式化

Question

我正在使用jquery将一些HTML放入div中。在我这样做之后，我想扩展div，使其右边的元素随着宽度的增加而移动。无论如何，为了防止我正在扩展的div中的text / HTML随着宽度的增长不断重新格式化。就这样，它看起来好像被发现了，而不是经常发出咕噜声？

$(document).ready(function(){
  $('body').on('click', '#btn', function(){
    var contents = $('#contentDiv').html(); 
        $('#div2').append(contents).animate({'width':'100px'}, 1000);
  });  
});

http://jsbin.com/oqosiz/1/edit

Answer 1

添加宽度设置且overflow: hidden;

的内部div

然后围绕内部div的div宽度设置动画：

http://jsbin.com/oqosiz/2/edit