gpt4 book ai didi

html - 为什么我可以向下滚动,但我不能向上

转载 作者:行者123 更新时间:2023-12-04 07:34:25 24 4
gpt4 key购买 nike

此代码允许您上下滚动元素,但是,缩进的行为很奇怪,例如,第一个选项是从底部按顺序缩进,但从顶部开始它们在容器之外。

.block{
height: 10vmin;
width: 20vmin;
background: green;

font-size: 2vmin;
padding: 1vmin;
color: white;

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

overflow-x: hidden;
overflow-y: auto;
}
<body>
<div class="block">
123321123321123 2123123 213123123123 213123123123 123123123123 123123123123 21321231231231 213123123123 213231231231 12312312312 1231231231 2213223123123123 123123123123123 </div>
<body>

1
我怎样才能做到这一点,如果没有滚动,元素在中间并且填充行为正确

最佳答案

尝试添加 flex-wrap: wrap;.block ;

.block{
height: 10vmin;
width: 20vmin;
background: green;

font-size: 2vmin;
padding: 1vmin;
color: white;

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

overflow-x: hidden;
overflow-y: auto;

flex-wrap: wrap;
}
<body>
<div class="block">
123321123321123 2123123 213123123123 213123123123 123123123123 123123123123 21321231231231 213123123123 213231231231 12312312312 1231231231 2213223123123123 123123123123123 </div>
</body>

关于html - 为什么我可以向下滚动,但我不能向上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67805527/

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