jQuery:有没有办法在没有任何文本移动的情况下为div的宽度设置动画？

Question

我正在使用jQuery缩小div宽度,如下所示:

$('div#foo').animate({width: 0},someSpeed);

虽然它正在缩小,但文字会回流以适应越来越薄的版本div.我不希望这种情况发生 - 我希望文本保持原样,只是随着宽度减小而从视图中消失,就像你做的那样$('div#foo').slideUp().

是否有CSS技巧或其他方式使这项工作？

Answer 1

现场演示: http : //jsfiddle.net/AvYyT/1/

诀窍是使用内部容器并将其设置为外部容器的宽度.

Answer 2

一种选择是white-space: nowrap;在div. 唯一的问题是，如果文本很长，则必须手动添加换行符。