平常项目中遇到的问题总结

解决图片5px的间距

• 给父元素设置font-size:0
• 给父元素设置line-height:5px
• 给img设置display:block
• 给img设置vertical-align:bottom

单行文本溢出显示省略号

.title{
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
}

多行文本溢出显示省略号

.title{
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 /* 设置n行，也包括1*/
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
}