文章出處

html

html頁面布局

<div class="div-box">
    <img src="./images/p_logos_2.jpg">
    <span class="img-middle"></span>
</div>

 

1. 設置div的寬高  line-height:

 .div-box {
     width: 180px;
     height: 166px;
     line-height: 166px;
     border: 1px solid #dadada;
     margin: 0 auto 20px;
     text-align: center;
 }

2. img 圖片樣式

.p-logo-box img {
    vertical-align: middle;
}

3. span 樣式

.img-middle {
    height: 100%;
    width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄