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

方法一：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)

當一個元素絕對定位時，它會根據(jù)第一個不是static定位的祖先元素定位，因此這里的img根據(jù)外層div定位。

網(wǎng)友評論