关于放大元素后的布局问题

发布于 2022-09-13 01:13:55 字数 249 浏览 19 评论 0

之前给div设置了transform: scale(1.5) translateX(290px);,让元素放大并且居中,
不过有个问题是放大后的div元素是上下和浏览器之间没有间距,如果我增加margin的话只有上边距是设置成功的,下边距即使设置了也无效
image.png
它显示的是设置上了,但是实际展示出来的并没有,请问这种该怎么解决啊

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

℉絮湮 2022-09-20 01:13:55

transform并不改变盒子实际占据空间。如果你只是想居中还有很多其他方法,至于放大直接写死宽高?

断舍离 2022-09-20 01:13:55

了解下 transform-origin,设置被转换元素的基点为元素中心就可以了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文