CSS 文字垂直居中和溢出解决

文字垂直居中

div{
    display:inline-block;
    vertical-align:middle;
}

第一步转换为行内元素或者行内块元素（ 否正不起效）

第二步 vertical-align:middle

还可选bottom,top等调整文字的对齐形式

TIPS：默认情况下，图片和文字的对齐是，图片下沿对齐文字的基线，可能出现文字与图片对齐不整。我们需要将文字的垂直对齐设为bottom。

文字溢出显示省略号

div {
    /*文字一行显示不开不自动换行，强制一行内显示*/
    white-space:nowrap;
    /*隐藏溢出部分的文字*/
    overflow:hidden;
    /*溢出末尾用省略号显示*/
    text-overflow:ellipsis;
}