Question

我甚至无法为这一个提出一个合适的主题......基本上我有一个盒子div，当点击扩展为一个矩形并在新的扩展区域中显示内容时。

我遇到的问题是，当我为div的宽度设置动画时，浏览器希望在框拉伸时呈现内容，而不是将其放置在我需要它的位置。

初始状态

 ____  
|    |  
|____|

已点击

 _________________  
|      Content    |  
|_________________|

目前如何呈现

 __________  
|      Con |  
|______tent|

我希望它如何渲染：

 __________  
|      Cont|ent (overflow:hidden)  
|__________|

有人帮我在这里......总脑筋。

Answer 1

这是一个CSS问题..

如果你希望div中的文本不包装在最后，你将需要使用CSS

white-space:nowrap;

（以及overflow:hidden ）

Answer 2

使用jQuery轻松

$(div).click( 
   function(){ 
       $(this).animate({clip: 'rect(50px, 50px, 50px, 50px)'}); 
   },