滚动条样式修改

 

 

 

.center-frame{

height:300px;

width:100%;

overflow-y:scroll;

}

.center-frame::-webkit-scrollbar{

width: 8px;

height: 16px;

background-color: #F5F5F5;

}

.center-frame::-webkit-scrollbar-track{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

border-radius: 10px;

background-color: #F5F5F5;

}

.center-frame::-webkit-scrollbar-thumb{

border-radius: 10px;

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

background-color: #555;

}

 

 

当英文文字过长需要用省略号结尾:

color:#bababa;

font-size:14px;

word-wrap:break-word;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient: vertical;