css [CSS-常用样式]

Posted 2021-05-13

/*往右边的三角形*/
#triangle-right {
    display:block;
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 100px solid red;
    border-bottom: 50px solid transparent;
}

/*单行*/
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

/*多行*/
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;