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

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

阅读 2.2k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题