0

jQuery を使用して、内容を変形させずに div をアニメーション化する方法はありますか?

私の例を話しましょう：

http://jsfiddle.net/v2uHf/4/

私の resizedivs 関数では:

function resizedivs() {
    $("#div_3B").animate({
        "width": "0"
    }, 700, function () {

        $("#div_3A").animate({
            "width": "20%"
        }, 700, function () {
            $("#div_3B").animate({
                "width": "80%"
            }, 700);
        });
    });
}

div_3B の文字列は、ワードラップのように改行せずに、独自の行にとどめたいと思います。

前もって感謝します。

4

4 に答える 4

1

white-space: nowrap;#div_3Bに追加するだけです (既に追加済みoverflow: hidden;):

http://jsfiddle.net/v2uHf/6/

于 2013-10-20T12:31:14.100 に答える
0

ソリューションの問題white-space: nowrapは、それがdivの構成に影響することです。新しい div でコンテンツをラップし、それに固定幅を設定することをお勧めします (を使用$("#div_3B").width())。overflow: hiddenさらに、 に追加する必要があります#div_3B。関数内で実行できますresizedivs。アニメーションが完了したら、余分な div をクリーンアップできます。

于 2013-10-20T12:47:35.873 に答える
0

あなたを変える

要素スタイルをこれに

<p style="white-space: nowrap;">I don't want this strings to deform</p>
于 2013-10-20T12:37:40.903 に答える
0

ここにデモがあります

http://jsfiddle.net/v2uHf/8/

      white-space: nowrap;

あなたがこれを達成したかったことを願っています。

于 2013-10-20T12:35:11.233 に答える