可以参看如下的代码
<div class="left table" style="height: 265px;background-color: #A9A9A9;width: 232px;margin: 0 0 0 5px;">
<div class="smallnin table_cell center vermiddle">
<span class="block black">DI</span>
<span>704x480 </span>
</div>
</div>
在父布局中我们使用dislay:table
在子布局中我们使用display:table-cell;vertical-align:middle
若想实现在正中间,则我们使用.center{text-align:center}