CSS遇到的知识点收集

<li> <img>标签之间空隙解决办法
空隙形成原因：<img>是内联元素，<img>与<li>之间有空格
解决：

• 设置img为“display:block;”
• 设置父对象的文字大小为0px
• 设置图片的垂直对齐方式，图片的vertical-align属性为“top，text-top，bottom，text-bottom”可以解决。

css多行文本省略

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;