css 相关

背景渐变：

.btn-gray{
        background: -moz-linear-gradient(left, #22bcf0 40%, #4872c3 100%);
        background: -webkit-linear-gradient(left, #22bcf0 40%, #4872c3 100%);
        background: -o-linear-gradient(left, #22bcf0 40%, #4872c3 100%);
        background: -ms-linear-gradient(left, #22bcf0 40%, #4872c3 100%);
        background: linear-gradient(left, #22bcf0 40%, #4872c3 100%);
    }

 

 

 

 

三角形：

 span{
   width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #de512c;
    border-bottom: 15px solid transparent;
}

设置文字超过指定行数显示省略号：

span{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

给父元素设置子元素平均显示：

span{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

css 动态计算css宽度（注意空格）

width: calc(100% - 389px);