BLACK_html的博客

原创 HTML+CSS元素水平垂直居中的几种方法

介绍几种常用的html元素水平垂直居中的方法 一、 使用弹性布局 给需要居中的元素的父元素设置display:flex；然后设置对齐方式为center，需要注意的是父元素要设置高度，具体代码如下： 二、 使用绝对定位 给需要居中的元素添加 position:absolute；属性设置四周距离为0，margin:auto; 代码如下： 三、使用绝对定位 给需要居中的元素添加 position:absolute；设置left和top为50%，设置margin-left 和 margin-top为负元素宽.