CSS是层叠样式表，它可以对HTML
标签进行样式设置，文本居中
显示也是CSS中的常用设置之一。下面就是CSS设置文本居中
显示的详细介绍。
一、在CSS中设置文本居中
显示可以通过text-align
属性实现，具体的
代码如下：
p{
text-align:center;
}
意思就是让p
标签内的文本居中
显示。text-align具有的
属性值有以下几种：
1. left：左对齐（
默认值）
2. right：右对齐
3. center：居中对齐
4. justify：两端对齐
5. inherit：继承父元素的
属性值（具体介绍可以参考CSS文档）
二、在CSS中设置
文字和
图片同时居中，可以设置父元素的
display
属性值为flex，再让子元素居中。
下面是具体
代码示例：
CSS样式：
.container{
display:flex;
justify-content:center;
align-items:center;
}
HTML代码：
其中，
display:flex;是让容器元素的布局模式变成flex，即弹性布局；justify-content:center;是让子元素在水平方向上居中对齐；align-items:center;是让子元素在垂直方向上居中对齐。
需要注意的是，这种设置方式需要设置的是父元素的
属性值，而不是子元素的
属性值。
以上就是CSS设置文本居中
显示的
方法和示例。可以根据实际需求进行选择，希望对大家有所帮助。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
