为什么p标签设置了宽在div标签里使用了text-align: center;就没有效果了

为什么p标签设置了宽在div标签里使用了text-align: center;就没有效果了

text-align:center;  

是针对文本水平居中进行样式设置

---

元素水平居中可以用margin

p{
margin:0 auto;
}

当然，也可以选择定位居中、flex布局等方式

1.可能是长度的问题，设置width
2.P的全局设置

你要设置宽度就用margin哈，不设就用text-align，一个给文本的，一个给块的

p标签设置width，居中效果就是针对这个width生效的，也就是在p标签内居中。想要在div中居中，给p设置display: inline-block

p标签是块级元素，一般用text-align:center; 是有效果的，具体要看你怎么写的

    <div>
        123
        <p>哈哈哈哈</p>
    </div>

        p{
            width: 100px;
            background-color: blue;
            
        }
        div{
            text-align: center;
        }

哪里不行？