一、脫離文檔流元素的居中

方法一: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優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

當(dāng)一個(gè)元素絕對定位時(shí),它會根據(jù)第一個(gè)不是static定位的祖先元素定位,因此這里的img根據(jù)外層div定位。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式