html – 应用CSS变换时影响其他元素：scale

概述我在页面上有三个div,它们并排浮动.使用css scale方法,我将最中间的div缩放到0.5.这很好用. 唯一的问题是缩放div不会影响其他div的位置.看起来像缩放的div仍然有一个原始比例的隐形容器.期望的结果是在缩放之后,边距保持不变. 我添加了一个例子：http://jsfiddle.net/yxYdd/3/(实际上,最中间的div充满了许多其他元素) 有没有一个整洁的方式,没有搞乱边 我在页面上有三个div,它们并排浮动.使用CSS scale方法,我将最中间的div缩放到0.5.这很好用.

唯一的问题是缩放div不会影响其他div的位置.看起来像缩放的div仍然有一个原始比例的隐形容器.期望的结果是在缩放之后,边距保持不变.

我添加了一个例子：http://jsfiddle.net/yxYdd/3/(实际上,最中间的div充满了许多其他元素)

有没有一个整洁的方式,没有搞乱边缘等,所以缩放会影响其他div的定位？

解决方法 遗憾的是,这就是CSS 2D如何通过设计进行转换的方式.

你真正想要做的是避免在这个例子中使用CSS变换,而是使用另一个更简单的实现.

我在这里为你做了这个：http://jsfiddle.net/yxYdd/4/

您真正需要的唯一变化是：

.scalediv{    wIDth:75px;}

哪个产生你想要的效果.这不好笑吗？ 总结

以上是内存溢出为你收集整理的html – 应用CSS变换时影响其他元素：scale全部内容，希望文章能够帮你解决html – 应用CSS变换时影响其他元素：scale所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。