<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;