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

作者：简简单单 2017-04-26

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

示例代码如下：

 代码如下复制代码

 


 

  

Document          

  

效果图如下：

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

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

示例代码如下：

 代码如下复制代码
        Document    

效果图如下：

上一个：响应式CSS栅格系统 下一个：css3+伪元素怎么实现鼠标移入时下划线向两边展开的效果

相关文章

精彩推荐