align_valign.jpg  

檔案下載：35647289

 

CSS設定:

<style type="text/css">
.div_table-cell{
	width:450px; 
	height:500px;	
	background-color:#333; 
	display:table-cell; 
	text-align:center; 
	vertical-align:middle;
	border:solid 2px #fff;	
	}
 
/* IE6 hack */
.div_table-cell span{
	height:100%; 
	display:inline-block;
	}
 
/* 讓table-cell下的所有元素都居中 */
.div_table-cell *{ vertical-align:middle;}
</style>

 

Html設定:
<div><span></span><img src="img01.jpg" width="350" height="233" /></div>
<div><span></span><img src="img02.jpg" width="350" height="233" /></div>

 

 
arrow
arrow
    全站熱搜

    戮克 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄