如何在CSS中已经在父类中设置了text-align：center属性，应该在div中的所有文字和图片都会水平居中？

Question

在CSS中已经在父类中设置了text-align：center属性，应该在div中的所有文字和图片都会水平居中，但效果只有左右居中，到底是哪里出了问题？

Answer 1

flex布局，给容.goods添加下面的样式实现水平垂直居中
display: flex; justify-content: center;flex-direction: column;align-items: center

<style>
    .goods {
        width: 234px;
        height: 300px;
        background: pink;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }
    .goods img{width:80%}
</style>
<div class="goods">
    <img src="https://2d.zol-img.com.cn/product/192_220x165/653/ceILemOn2bN6.jpg" />
    <div>九号平衡车</div>
    <div>陈年人的玩具</div>
    <div>1999元</div>
</div>