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

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

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式