gpt4 book ai didi

html - 对齐内容和对齐元素在使用显示 : flex 时无法正常工作

转载 作者:行者123 更新时间:2023-11-28 14:40:13 27 4
gpt4 key购买 nike

<分区>

我想在页面中央显示我的容器。为此,我在 CSS 中使用了 flex。

我把代码放在下面:

* {
background-color: #653706;
}

.nav {
padding: 10px;
}

input {
background-color: #fff;
}

.fex {
display: flex;
justify-content: center;
align-items: center;
}
<div class="fex">
<input type="text" placeholder="enter your name" class="nav" />
</div>

我使用了 display: flex;证明内容:居中;对齐元素:居中;。但是在使用这个之后,现在容器显示在页面的顶部和中心

但我希望容器在水平和垂直方向都位于页面的中心。

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