常用css小代码~

单独元素单行最后显示

 span{
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        margin-right: 20px;
    }``
    
    单行文本超出省略号
    
 p{
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
    width: 230px;/*需要配合宽度来使用*/
    }
多行文本超出省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
width: 250px;
border: 1px solid red;
font-size: 30px;