常用代码-css

常用css代码片段

1. 单行文本溢出

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

2. 多行文本溢出

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

3. IOS 手机容器滚动条滑动不流畅

overflow: auto;
-webkit-overflow-scrolling: touch;

4. 修改滚动条样式

div::-webkit-scrollbar {
    display: none;
}

备注：

• div::-webkit-scrollbar 滚动条整体部分
• div::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条
• div::-webkit-scrollbar-track 滚动条的轨道（里面装有 Thumb）
• div::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置

5. CSS三角

div {
    width: 0;
    height: 0;
    border: 5px solid #transparent;
    border-top-color: red;
}