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

2025-05-14 11:48:51

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

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

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

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

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

flex布局实现可视窗口内的水平垂直居中
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢