Html 一直以div为中心

我有这样的想法：

.center\u position\u div{
宽度：100%；
背景颜色：绿色；
显示器：flex；
柔性包装：包装；
}
.show_running_考试
{
宽度：22%；
背景色：aliceblue；
左缘：1%；
保证金权利：1%；
边缘底部：5px；
边缘顶部：6px；
溢出：隐藏；
}

SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd

我相信您正在寻找设置内容对正。应用

justify content:center到父容器应该可以做到这一点


.center\u position\u div{
宽度：100%；
背景颜色：绿色；
显示器：flex；
柔性包装：包装；
证明内容：中心；
}
.show_running_考试{
宽度：22%；
背景色：aliceblue；
左缘：1%；
保证金权利：1%；
边缘底部：5px；
边缘顶部：6px；
溢出：隐藏；
}

SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSSADSDF dsfsdfd sfdsfdsfsdfd sfdsfsd sfdsfdsfsdfd sfdsfsd SFDSFD sfdsfsd SFDSFD SFDSFD sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
这就是你要找的吗


.center\u position\u div{
宽度：100%；
背景颜色：绿色；
显示器：flex；
柔性包装：包装；
弯曲方向：立柱；
对齐项目：居中；
}
.show_running_考试
{
宽度：22%；
背景色：aliceblue；
左缘：1%；
保证金权利：1%；
边缘底部：5px；
边缘顶部：6px；
溢出：隐藏；
}

SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
SADDSDSDF dsfsdfd sfdsfdsfsdfd sfdsfsd
Ohh谢谢！它起作用了。我会记得存在类似于证明内容的东西。我已经测试过这个解决方案，但不起作用。但我删除了flex-direction:column；这给了我一个很好的结果。