css文本垂直水平居中

一、单行文本居中

.content{
    height:100px;
    line-height:100px;
    text-align:center;
    border:1px solid red;
}

效果图

二、多行文本垂直水平居中

 

.wrap{
    background:green;
    width:100%;
    display:table;
     height:100px;
    overflow:hidden;
}

.content{
    border:1px solid red;
    display:table-cell;
    width:550px;
    vertical-align:middle;
    text-align: center;
}

　　

效果图