一聚教程网:一个值得你收藏的教程网站

热门教程

实例:css实现元素水平垂直居中常见的两种方式

时间:2022-06-25 10:02:27 编辑:袖梨 来源:一聚教程网

一、父元素的flex布局实现元素的水平垂直居中

示例代码如下:

 代码如下复制代码

 


 

  

Document          

  

效果图如下:

二、绝对定位&负margin值实现元素水平垂直居中

注意:元素本身需要确定宽度和高度

示例代码如下:

 代码如下复制代码
        Document    

效果图如下:

热门栏目