flex布局实现可视窗口内的水平垂直居中

1、新建html文件，命名为flex.html

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

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