css3 显示文字居中显示

CSS3可以很方便的让文字居中显示。我们可以使用以下几种方式：

居中显示文本：h1 {
    text-align: center;
}
居中显示块级元素：div {
    margin: 0 auto;
}
居中显示行内元素：span {
    display: inline-block;
    text-align: center;
    width: 100%;
}

上面的代码可以很方便的让文字在页面上居中显示。如果需要让文字在父元素中居中显示，我们也可以使用如下代码：

父元素：div {
    display: flex;
    justify-content: center;
    align-items: center;
}
    

以上代码可以使包含在div标签内的元素在div内居中显示。这样就不用为每个元素单独写居中的代码了，大幅度减少了写代码的时间。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！