关于居中、子元素撑开父元素

实现父div宽高由内部元素撑开:

父div添加属性:overflow:hidden;

子元素定位时，无法撑开父元素，因为此时子元素已脱离文本流

实现任意元素垂直水平居中方法(单个居中同理):

position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);    移动元素自身高宽的一半，因为定位时元素有自身高宽

垂直居中vertica-align:middle，适用于子元素为行内元素，在父元素加上font-size:0px和line-height:…;实现精准居中，否则会有偏差

非图片在父元素上设置vertical-align:center;
图片在自身上设置vertical-align:center;

text-align:center;适用于子元素行内元素

垂直居中方式二：利用行内元素基准线
将要居中的图片后添加文字，父元素设置行高和父元素高相同，再设置font-size：0px，即可实现图片的垂直居中