css如何设置div中的内容垂直居中？

<style>
.out {
    position: relative;//相对div的定位
    top: 30%;//相对div的border-top的距离，根据元素的高度，50%则为垂直居中；
}

</style>

万能居中法：

#name{
position:relative;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}