【css】【汇总】写在公共样式内的常用样式

常用css效果，建议在建应用时，写在类似common.css的公共样式内，方便统一使用

ellipse 单行超长 省略号显示

// 单行超长 省略号显示
.ellipse {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

// 多行超长 省略号显示
.ellipse-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

webkit-scrollbar 滚动条样式覆盖

// 滚动条 -webkit-内核浏览器可用（移动端，谷歌等）
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-thumb {
    background-color: #C0C0C0;
    border-radius: 4px;
}

移动端常用机型适配

移动端rem开发 多机型（分辨率）适配

flex布局（兼容常用浏览器）

flex布局的兼容写法