Brainfart:如何在div中创建溢出内容

Question

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

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

初始状态

 ____  
|    |  
|____|  

点击

 _________________  
|      Content    |  
|_________________|  

它目前如何呈现

 __________  
|      Con |  
|______tent|  

我希望它如何呈现:

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

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

Answer 1

这是一个CSS问题..

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

white-space:nowrap;

(连同overflow:hidden)

例如:http://www.jsfiddle.net/sy6vX/