一、单行文本居中
.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;
}
效果图