多种方法汇总,具体场景具体分析,注意使用的对象的分类:
文本、行内元素
块级元素
自适应内容的块级元素
基础方法
行内元素水平居中
text-align:center;//父元素属性
行内元素垂直居中
height:100px;//父元素属性
line-height:100px;//父元素属性行高==高度即可
大小确定的块级元素
margin:auto;//自身
使用position的absolute实现居中
#father{
width:100px;
height:100px;
background-color: aqua;
/* 父元素必须定位,即必须对position初始化,否则为默认值static */
position: fixed;
left:a