CSS處理div中對象垂直對齊

CSS設定
<style type="text/css">
.box {
 border:#eee solid 1px;
 width:300px;
 height:120px;
 line-height:120px;
 display:table-cell;
 vertical-align:middle;
 text-align:center;
}
</style>
1.文本
<div class="box">Sample text</div>

 

Sample text

2.圖片(IE下在圖片後面加一個空格)
<div class="box"><img alt="" src="http://www.csdn.net/images/newcsdnlogo.gif" /> </div>