html+css基礎（首頁）
阿新 • • 發佈：2021-10-27
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>