文字垂直居中
div{
display:inline-block;
vertical-align:middle;
}
第一步转换为行内元素或者行内块元素( 否正不起效)
第二步 vertical-align:middle
还可选bottom,top等调整文字的对齐形式
TIPS:默认情况下,图片和文字的对齐是,图片下沿对齐文字的基线,可能出现文字与图片对齐不整。我们需要将文字的垂直对齐设为bottom。
文字溢出显示省略号
div {
/*文字一行显示不开不自动换行,强制一行内显示*/
white-space:nowrap;
/*隐藏溢出部分的文字*/
overflow:hidden;
/*溢出末尾用省略号显示*/
text-overflow:ellipsis;
}