CSS中的居中可分为水平居中和垂直居中。水平居中分为行内元素居中和块状元素居中两种情况，而块状元素又分为定宽块状元素居中和不定宽块状元素居中。下面详细介绍这几种情况。 一、水平居中 1、行内元素居中 顾名思义，行内元素居中是只针对行内元素的，比如文本（text）、图片（img）、按钮 ...

水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0 auto也可以被写成margin:0 auto ...

布局中经常会遇到让一个盒子水平且垂直居中的情况，以下总结了几种居中方法： margin固定宽高居中 负margin居中 绝对定位居中 table-cell居中 flex居中 transform居中 不确定宽高居中（绝对定位百分数） button居中 不兼容 ...

感谢大佬：https://www.cnblogs.com/SallyShan/p/11480685.html 图片自适应 背景图片自适应 待更新… 元素居中 一、尺寸固定 方法1：定位 ，50%，margin负距 图解： 方法 ...

最近在面试，不停地收到了知识冲击，尤其是对于一些基础的css、html、js问题居多，所以自我也在做反思，今天就css问题，如何让一个子元素div块元素上下左右居中 (以下总结方法，都已得到验证)。 　　情景一：一个浏览器页面中，只有一个div模块，让其上下左右居中 　　　　　　解决方案 ...

以前总是被垂直居中的方法所困扰，今天来总结一下垂直居中的方法，增强记忆 div等块级元素居中 　　第一种方法，利用绝对定位居中（相对于父容器），就是要居中的元素相对父容器做一个绝对定位，要求块级元素的高度和宽度确定（水平居中则要求宽度确定），然后设置上下左右数值都为零，再设置外边距为自动 ...

元素div 上下左右居中方法总结 情景一：一个浏览器页面中，只有一个div模块，让其上下左右居中 　　　　　　解决方案： { position:fixed; 　　　　　　　　　　　　 left:0; 　　　　　　　　　　　　　right:0; 　　　　　　　　　　　　　top ...

1、已知块级元素的宽和高，使用绝对定位+外边距设定水平垂直居中。 父元素position:relative，子元素position:absolute;top:50%;left:50%;margin-top:-height/2;margin-left:-width/2; 效果图 ...