如何使圖片在div里上下居中
<style type="text/css">
.box {
/*非IE的主流瀏覽器識(shí)別的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*設(shè)置水平居中*/
text-align:center;
/* 針對(duì)IE的Hack */
*display: block;
*font-size: 175px;/*約為高度的0.873，200*0.873 約為175*/
*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
width:200px;
height:200px;
border: 1px solid #eee;
width:100px;
height:100px;
}
.box img {
/*設(shè)置圖片垂直居中*/
vertical-align:middle;
cursor:pointer;
}
</style>
Dom元素:
<div id="div1" class="box">
<img src="xxx.png" /><br />風(fēng)華絕代
float:left;
width:80px;
height:80px;
border: 1px solid #eee;
}
.selected {
border:solid 1px black;
background-color:Aqua;
cursor:pointer;
}
.box img {
/*設(shè)置圖片垂直居中*/
vertical-align:middle;
cursor:pointer;
}
如對(duì)本文有疑問，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答！！ 點(diǎn)擊進(jìn)入論壇
