垂直居中除了用top来实现还有其他比较精确的实现方式吗？
来源：7-2 编程练习
别了娜塔莎
2021-02-05 18:32:10
垂直居中除了用top来实现还有其他比较精确的实现方式吗？练习中我只是预估了偏移量进行了调整，看起来居中但不是精确的居中。
写回答
1回答
-
同学你好，垂直居中就是根据窗口高度，居中显示在屏幕两侧。同学可以使用定位，然后先向上移动50%然后在往回移动div的一半宽度。
具体思路：
给图片设置top为50%，这个div的上边缘就相对于窗口居中了。但不是div的中间线和窗口居中，所以我们需要将它“拽回来”一些。给div一个高度（364px）。然后给div一个负的外边距。margin-top设置为高的一半。将其“往上拽”高度的一半。比如：
这样就实现了一个垂直居中的效果。
祝学习愉快！
0
相似问题