CSS小技巧收藏

1.隐藏滚动条

::-webkit-scrollbar {
    display:none
}

2.单行文字两端对齐（例：输入框前的label）

// 考虑兼容，文字间要有空格
{
　　text-align: justify
　　text-align-last: justify
}

3.文字超出显示省略号

// 单行文字
{
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
// 多行文字
{
    width: 100px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;    // 文字行数
    overflow: hidden;
}

4.vue穿透scoped修改外部、第三方组件样式（例：修改饿了么样式）

　css：　

　　外部选择 >>> 组件类名{ 样式 }

　sass、less：　　

　　/deep/ 组件类名{ 样式 }

5.强制英文超出换行（例：文本输入链接一类时）

　　word-break:break-all

6.强制不换行（例：flex挤压...maybe）

　　white-space:nowrap

7.flex挤压变形

　　flex-shrink:0;

超过三五行的就不记录了，后续慢慢添加...