html,div中多行文字垂直居中

css代码

.name {
    height: 150px;

    width: 150px;
    vertical-align:middle;
    display:table-cell;
}
.shop {
    width: 100%;
    height: 150px;
    margin-top: 15px;
    border:1px solid #E0E0E0;
    text-align: center;
    display:table;
}

        <div class="shop">          
            <div class="name">炎帝黄帝站台票-炎帝黄帝站台票-套票</div>
        </div>

上述方法是通过用div元素模拟table标签而实现的，注意，display:table和
display:table-cell的使用方法，前者必须设置在父元素上，后者必须设置在子元素上，因此我们要为需要定位的文本再增加一个div元素，这种方法不能兼容ie7及以下的ie浏览器