6

ページに 3 つの div があり、すべて横に並んでいます。CSS の scale メソッドを使用して、真ん中の div を 0.5 にスケーリングしています。これはうまくいきます。

唯一の問題は、div のスケーリングが他の div の位置に影響しないことです。スケーリングされた div には、元のスケールの非表示のコンテナーがまだあるようです。望ましい結果は、スケーリング後に余白が同じままであることです。

例を追加しました: http://jsfiddle.net/yxYdd/3/ (実際には、真ん中の div は他の多くの要素で満たされています)

スケーリングが他のdivの配置に影響を与えるように、マージンなどをいじらずにきちんとした方法はありますか?

4

1 に答える 1

2

残念ながら、これが CSS 2D 変換の設計上の仕組みです。

本当にやりたいことは、この例では CSS 変換を使用することを避け、代わりに別のより単純な実装を使用することです。

ここでこれを行いました：http://jsfiddle.net/yxYdd/4/

本当に必要な唯一の変更は次のとおりです。

.scaleDiv{
    width:75px;
}

これはあなたが望む効果を生み出します。おかしくないですか？:) </p>

于 2012-05-23T20:46:32.440 に答える