html 设置左右居中

HTML设置左右居中实际上非常简单。以下代码演示如何使用CSS将任何HTML元素置于页面中央。

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
    

上面的CSS代码使用了Flexbox布局模型，让容器元素垂直和水平居中。现在只需要在要居中的HTML元素上应用这个CSS类即可：

在上面的示例中，我们将一个图像元素置于页面中央。您可以用任何HTML元素替换上述的div标签，只要为其应用.center CSS类即可。

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