CSS 文本垂直居中对齐

　　文本垂直居中对齐是一个很常见的问题，这里总结一下。

 

　　一、容器高度固定，单行文本垂直居中对齐

height:20px; 
line-height:20px; 
overflow:hidden;

 

　　二、容器高度固定，多行文本垂直居中对齐

padding-top:10px; 
padding-bottom:10px;
line-height:20px;   

 

　　三、容器高度自适，单行/多行文本垂直居中对齐

.targetList dl dt div {
    width:265px;
    height:50px;
    display:table-cell;
    vertical-align:middle;
}
.targetList dl dt strong {
    text-decoration:none;
    font-size:16px;
    line-height:16px;
    color:#177bb0;
    font-weight:bold;
    vertical-align:middle;
}

 

　　先这样。

转载于:https://www.cnblogs.com/xjyj/p/3745504.html