gpt4 book ai didi

html - CSS:让 Flexbox 的 justify 内容只溢出到右边

转载 作者:搜寻专家 更新时间:2023-10-31 08:24:15 25 4
gpt4 key购买 nike

<分区>

我在一个带有 display: flex 的容器 div 中有动态数量的 div。

现在,我希望我的子 div 居中,所以我使用 justify-content: center。这非常适合少数 child (蓝色矩形)

但是对于更多的子元素,设置 justify-content: center 意味着子元素 div 被推到离屏幕越来越远的地方(红色矩形)。

被推到屏幕外右侧的 child 仍然可见,因为我可以向右滚动以查看最右边的 child 。

但是因为我无法向左滚动,所以被推到屏幕外左侧的 child 是不可见的。这是一个问题。

所以基本上我想使用 flexbox 来居中它的 child ,但防止 child 被推到屏幕外到左边。相反,内容应该向右溢出,justify-content: flux-start 的工作方式,但仍然居中。

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