flex如何设置内容水平垂直居中

1、打开一个html代码页面，创建一个含有内容的div标签。如图

2、使用css设置flex布局里面的内容水平垂直居中。如图

3、保存html代码后使用浏览器打开，即可看到内容已经实现水平垂直居中效果了。如图