把容器设置为flex布局,justify-content属性可以实现水平居中,align-items属性可以实现垂直居中。通过一个简单例子一看就明白了。
效果如下:

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/212448.html原文链接:https://javaforall.net
flex布局实现水平垂直居中把容器设置为 flex 布局 justify content 属性可以实现水平居中 align items 属性可以实现垂直居中 通过一个简单例子一看就明白了 html head styletype text css app width 600px height 600px outline reddo styletype text head html
把容器设置为flex布局,justify-content属性可以实现水平居中,align-items属性可以实现垂直居中。通过一个简单例子一看就明白了。
效果如下:

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/212448.html原文链接:https://javaforall.net