Firfox、IE、Chrome沒問題，IE6.7不支援。

其實有很多方法，例如扣一半高度%還有設line-height的啦~
不過這個最簡單所以收錄先!!
(不過要多餘一位DIV，真是有一好沒兩好xDDD) 

hair218.gif 

《HTML瑪如下》

<ul>
　　<li><div><a href="#"><img src="01.jpg"></a></div></li>
　　<li><img src="01.jpg"></li>
　　<li><img src="01.jpg"></li>
</ul>

《CSS如下》

<style>

ul.album{
　clear:both;
}
　ul.album li{
　width:150px;
　height:150px;
　float:left;
}
ul.album li div{
　width:150px;
　height:150px;
　text-align:center;
　display:table-cell;
　vertical-align:middle;

}

</style>

******************************************

ya.gif  
可惜IE6.7的部分我照做還是失敗耶~


筆記來源：就是愛程式

arrow
arrow
    全站熱搜

    阿摸摸 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄