我在一个页面上有三个 div,它们并排 float 。使用 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,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10723647/