gpt4 book ai didi

html - Flexbox 内容显示不正确

转载 作者:行者123 更新时间:2023-12-05 08:03:36 24 4
gpt4 key购买 nike

<分区>

我喜欢有一个 div,它的所有子项都位于中心(垂直和水平)。我可以通过使用 flexbox 轻松实现这一点。但是当我的 child 的宽度比 parent 的宽度大时,一部分 child 是不可见的。

我该如何解决这个问题?

Codepen

* {
margin: 0;
padding: 0;
}
.container {
height: 500px;
width: 500px;
background: red;
display: flex;
justify-content: center;
align-items: center;
overflow: scroll;
}
.children {
min-width: 1200px;
height: 50px;
background: blue;
}
<div class='container'>
<div class="children">
<h1>Welcome to my city, california</h1>
</div>
</div>

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