实现父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,即可实现图片的垂直居中