Html 如何使用Bootstrap 4将div内容集中到屏幕上
我使用的是Bootstrap4,我想将容器内容放在中心位置,这意味着它会精确地显示在屏幕中央。但是,即使高度为100%,并且我使用了“对齐资源中心”“对齐项目中心”,我的内容仍然卡在顶部 图片: ... ... 让我们给你找一套很棒的公寓。 加入超过5828476名快乐租客的行列,搜索1025792套当地公寓。Html 如何使用Bootstrap 4将div内容集中到屏幕上,html,css,bootstrap-4,Html,Css,Bootstrap 4,我使用的是Bootstrap4,我想将容器内容放在中心位置,这意味着它会精确地显示在屏幕中央。但是,即使高度为100%,并且我使用了“对齐资源中心”“对齐项目中心”,我的内容仍然卡在顶部 图片: ... ... 让我们给你找一套很棒的公寓。 加入超过5828476名快乐租客的行列,搜索1025792套当地公寓。 你甚至不需要引导 对于父div,可以使用position:relative,position:absolute;左:50%;最高:50%;转化:转化-50%,-50%;对于child,
你甚至不需要引导 对于父div,可以使用position:relative,position:absolute;左:50%;最高:50%;转化:转化-50%,-50%;对于child,则子对象将位于父对象的中间。但请记住将父级高度和宽度设置为正确的值
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
更多关于css中心的信息
若您坚持使用引导,那个么您需要指定父div的高度,以使垂直居中工作 把h-100也加到你的行列里,你看到了吗?我实际上读了所有这些。我忘了一架h-100,现在一切正常。