实现垂直居中的一种好用的方法

可以参看如下的代码

<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}