gpt4 book ai didi

html - 垂直居中div的内容

转载 作者:行者123 更新时间:2023-11-28 04:03:12 25 4
gpt4 key购买 nike

这是我目前所拥有的:

http://jsfiddle.net/yisera/2aVpD/

有一个 div 我需要在 .jumbotron-special 容器内垂直居中。

我尝试在父元素上使用 display: table; 然后在子元素(带有 H1 和 H2 的元素)上使用 display:table-cell 但是到目前为止没有运气,我已经没有想法了。我不想使用绝对定位,因为这需要响应,并且随着分辨率变小,布局会误入歧途。

关于如何将它置于超大屏幕父 div 中心的任何想法?

最佳答案

你可以使用下面的代码div .jumbotron-special的内容

将以下属性添加到

display:flex;
justify-content:center;
align-items:center;

工作代码:JSFIDDLE

更多关于 Flex Box

阅读有关 Flex 的更多信息 here

关于html - 垂直居中div的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24568255/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com