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

最新下载

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

时间:2017-04-26 00:00:00 编辑:简简单单 来源:转载

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

示例代码如下:

 代码如下

 


 

  

实例:css实现元素水平垂直居中常见的两种方式_一聚教程网 - 注册送彩金不限id大全,新注册会员免费送彩金,白菜网送彩金2018          博聚网

  

效果图如下:

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

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

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

示例代码如下:

 代码如下
        实例:css实现元素水平垂直居中常见的两种方式_一聚教程网 - 注册送彩金不限id大全,新注册会员免费送彩金,白菜网送彩金2018    博聚网

效果图如下:

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

文章评论

热门栏目

博聚网