一、脱离文档流元素的居中
方法一:margin:auto法
CSS代码:
div{ width: 400px; height: 400px; position: relative; border: 1px solid #465468;
} img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;
}HTML代码:
<div> <img src="mm.jpg"></div>
效果图:
当一个元素绝对定位时,它会根据第一个不是static定位的祖先元素定位,因此这里的img根据外层div定位。
