一、脱离文档流元素的居中

方法一: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>

效果图:
seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

当一个元素绝对定位时,它会根据第一个不是static定位的祖先元素定位,因此这里的img根据外层div定位。

网友评论