css 子元素p标签居中
时间: 2023-09-02 17:13:34 浏览: 103
CSS实现元素居中原理解析
可以使用以下的CSS样式将子元素p标签居中:
```css
.parent {
display: flex;
justify-content: center;
align-items: center;
}
.parent p {
text-align: center;
}
```
在上面的代码中,`.parent`是包含p标签的父元素。通过设置父元素的`display`属性为`flex`,可以将其内部的子元素水平和垂直居中。然后,通过设置子元素p标签的`text-align`属性为`center`,可以使其文本居中显示。
阅读全文