當前位置:首頁 > 建站常識 > 列表

CSS圖片在DIV上下(xià)垂直居中方法

點擊:時(shí)間:2016/12/3關鍵詞:css 圖片居中 上下(xià)居中
原理(lǐ): 利用(yòng)vertical-align實現垂直,決定行高(gāo)的(de)是行内最高(gāo)的(de)元素的(de)值 <div class="logo"> <span></span><img src="images/logo.jpg" />&l

CSS圖片上下(xià)居中

原理(lǐ): 利用(yòng)vertical-align實現垂直,決定行高(gāo)的(de)是行内最高(gāo)的(de)元素的(de)值

 <div class="logo">  <span></span><img src="images/logo.jpg" /></div>

CSS 代碼

.logo{ width:1000px; margin-left:auto; margin-right:auto; line-height:120px; height:120px; }.logo span{ height:100%; vertical-align:middle; display:inline-block}.logo img{vertical-align:middle;}
預約建站
免費提供網站優化(huà)
領取關鍵詞