1签则、圖片遮罩透明漸變
//html
<div class="bg-gradient">
<div class="pic"></div>
</div>
//css
.bg-gradient .pic {
background-image: linear-gradient(to top, #fff, transparent), url("0101.png");
background-position: center;
background-blend-mode: normal;
position: absolute;
height: 100%;
width: 600px;
right: 0;
}
2肯污、改變第一個(gè)字符的樣式庭砍，不生效的情況下性置，加上塊狀元素
div:first-letter {font-size: 18rpx;}
3拾并、文字超過顯示省略號(hào)
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
