Css 如何垂直居中对齐每个<；p>；用flex显示器？

我这里有两个嵌套元素，我的目标是垂直居中对齐每个元素，还有

p

标记，我不知道我缺少什么，

div.item$

中的

p

标记没有垂直对齐。解决办法可能是什么

main.content滑块{
显示器：flex；
对齐项目：居中；
证明内容：中心；
高度：80px；
背景:#f5；
边框：1px纯红；
}
main.content slider.wrapper{
显示器：flex；
对齐项目：居中；
证明内容：中心；
边框：1px纯蓝色；
}
main.content slider.wrapper div{
显示器：flex；
对齐项目：居中；
证明内容：中心；
柔性包装：包装；
边框：1px实心绿黄色；
}
main.content slider.wrapper div p{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.换行{
宽度：100%；
}

Nike官方网站。耐克德
高达30%的折扣

就在这里：季末大甩卖

main.content滑块{
显示器：flex；
对齐项目：居中；
证明内容：中心；
高度：自动；
背景:#f5；
边框：1px纯红；
}
main.content slider.wrapper{
显示器：flex；
对齐项目：居中；
证明内容：中心；
边框：1px纯蓝色；
弯曲方向：立柱；
}
main.content slider.wrapper div{
显示器：flex；
对齐项目：居中；
证明内容：中心；
柔性包装：包装；
边框：1px实心绿黄色；
}
main.content slider.wrapper div p{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.换行{
宽度：100%；
}

Nike官方网站。耐克德
高达30%的折扣

就在这里：季末大甩卖

你似乎有一些底线。否则我就看不到问题了。是的，淘气的引导！Tnx。