html 如何在移动的和桌面上正确地将此div居中

monwx1rj  于 2022-11-20  发布在  其他
关注(0)|答案(2)|浏览(153)

第一个
移动的版只是没有垂直居中。桌面版居中,但有一个滚动条,因为身体:100Vh;
编辑边距似乎没有帮助。

owfi6suc

owfi6suc1#

您可以使用flex-box将任何内容居中,请将以下CSS应用于它。
为了显示它将项目对齐中心,我做了一个红色的框。
现在,您可以向其中添加更多的CSS
第一个

hl0ma9xz

hl0ma9xz2#

使用min-height: 100vh将div垂直居中。这样它将占据整个高度,但不会使页面可滚动。
第一个

相关问题