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

设置高，字体多余部分会省略不写。字体显示在2行内，多余部分自动生成省略号

display：block     

设置为块级

display: inline-block;

取消块级，设置行内，也就是在同一行

.content .list li:nth-child(3n+1){
margin-left: 0;
}
.content .list li:nth-child(3n){
margin-right: 0;
}

一行3个li，每行第一个li的左边距是0（靠左）

一行3个li，每行最后一个li的右边距是0（靠右）

ul>(li>img[src=img/pro/$.jpg]+div.right>span.title+span.money+div>span.love+span.num)*9

效果：

<li><a href="">
<img src="img/pro/9.jpg" alt="">
<div class="right">
<span class="title">【现货包邮】加一联创1 more bear 万魔熊头</span>
<span class="money">￥50</span>
<div><span class="love"></span><span class="num">0</span></div>
</div>
</a></li>