flex布局实现可视窗口内的水平垂直居中
1、新建html文件,命名为flex.html

3、此时,添加需要垂直居中的子元素,在此添加一个div并添加文字。随后,为div标签设置边框,以便更好地观察效果。

5、缩小浏览器可以看到,随着可视窗口的缩小,该框依旧是垂直居中的。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
1、新建html文件,命名为flex.html
3、此时,添加需要垂直居中的子元素,在此添加一个div并添加文字。随后,为div标签设置边框,以便更好地观察效果。
5、缩小浏览器可以看到,随着可视窗口的缩小,该框依旧是垂直居中的。