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

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

阅读 2.3k
2 个回答

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

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

推荐问题