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

热门教程

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

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

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

示例代码如下:

代码如下 复制代码





Document

效果图如下:

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

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

示例代码如下:

代码如下 复制代码
Document

效果图如下:

热门栏目