Html 使用“对齐内容：中心”时，列表将被剪切

我有一个需要对齐中心的项目列表，我使用了“调整内容：中心”。但这导致内容开始被删减。当我将中心更改为“flex start”时，它可以工作，但如果列表项较少，则列表不居中

.editive-grid\uu first-list{
显示器：flex；
弯曲方向：立柱；
高度：计算（100vh-100px）；
溢出：滚动；
/*背景色：$3-gray-3*/
弯曲方向：行；
证明内容：中心；
对齐项目：柔性端；
柔性包装：nowrap；
高度：计算（100vh-100px）；
溢出-x：自动；
溢出y：隐藏；
-webkit溢出滚动：触摸；
-ms溢出样式：-ms自动隐藏滚动条；
}
.第一项{
位置：相对位置；
/*背景色：$白色*/
利润底部：4倍；
盒影：0 2px4p0 rgba（0,0,0,0.1）；
}

第一项


第二项


第三项

您只需将列表包装在

div中，并将其居中即可。您可以这样做：


.container{
显示器：flex；
证明内容：中心；
}
.Editive-grid_uuu第一名{
显示器：flex；
弯曲方向：立柱；
高度：计算（100vh-100px）；
溢出：滚动；
背景色：$3-gray-3；
弯曲方向：行；
证明内容：中心；
对齐项目：柔性端；
柔性包装：nowrap；
高度：计算（100vh-100px）；
溢出-x：自动；
溢出y：隐藏；
-webkit溢出滚动：触摸；
-ms溢出样式：-ms自动隐藏滚动条；
}
.第一项{
位置：相对位置；
背景色：$白色；
利润底部：4倍；
盒影：0 2px4p0 rgba（0,0,0,0.1）；
}



第一项


第二项


第三项


您的代码不足以理解您的问题所在。请首先修复您的示例。目前，CSS选择器中的类与HTML中使用的类不匹配。