Question

• using,如:

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

虽然案文在缩小,但案文回流以适应不断更新的<编码>div。我不想出现这种情况——我希望案文保持原样,因为如果你写上<条码>的话,那么从现在开始就消失了。

社会保障局是否为这项工作做了trick弄或采取其他办法?

Answer 1

http://jsfiddle.net/AvYyT/1/。

The trick is to use an inner container and set its with to the width of the outer container.

Answer 2

一种选择是使用<代码>white-space: nowrap; on the div。唯一的问题是,如果你有很长的文字,你就必须人工添加线性休息。

Answer 3

您可使用j Query确定div>的内容宽度,添加overflow:hiddendiv,但仅限于减少宽度。

某些情况(未经测试)可能会有打字机,但你们有这样的想法:

var el = $( div#foo );
el.children().each(function() {
  $(this).width(el.width());
});
el.css( overflow ,  hidden ).animate({width: 0}, someSpeed);

但是,这取决于<代码>div的内容,如果内部有图像,则不会奏效。

Answer 4

在您的下半部分中,使用:over-x: 隐蔽;溢流:隐蔽;

Answer 5

尝试vertical-align:top