f1661434531的博客

垂直居中实现

关注

关注数：文章数：1 文章阅读量：658 文章收藏量：0

作者: 梦吉网络

这个作者很懒，什么都没留下…

展开

专栏收录文章

CSS垂直居中的几个方法（适用于不知道父级盒子宽高的情况下垂直居中）

1.使用flex布局该方法涉及到弹性布局，具体请参考阮一峰 Flex 布局教程：语法篇 - 阮一峰的网络日志 “display:flex”实现CSS水平居中的方案简单直接。通过display:flex实现CSS垂直居中的方法是给父元素display:flex; 通过align-items: center;属性进行垂直居中 justify-content属性进行水平居中 <!DOCTYPE html> <html lang="en"> <head> <met

原创 2020-05-30 16:26:56 · 658 阅读 · 0 评论