gpt4 book ai didi

html - 删除 Scale 后的空白

转载 作者:搜寻专家 更新时间:2023-10-31 21:47:20 25 4
gpt4 key购买 nike

<分区>

我在缩放转换方面遇到了一点问题。我希望调整元素的大小,但是当我这样做时,我的旧尺寸占据了空间,而下一个元素将采用这个旧尺寸。 如何移除此约束?

HTML

<!-- White space with Scale -->
<div class="scale"></div>
<div class="scale"></div>

<!-- Whitout Scale -->
<div></div>
<div></div>

CSS

div:nth-of-type(even) { background: blue; }
div:nth-of-type(odd) { background: red; }

div {
width: 100px;
height: 100px;
}

.scale {
transform: scale(0.5);
transform-origin: top left;
}

JSFiddle:https://jsfiddle.net/c7d2s21y/

感谢您的回复。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com