Css3常用

1.显示字的行数：

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

overflow: hidden;
 text-overflow: ellipsis;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 2;

2.
transform: translate(-50%,-50%);

3.滚动条样式

.zhibo-jigou .zhibo-jigou-r .pic{

    overflow-y: auto;

    height: 404px;

}

.zhibo-jigou .zhibo-jigou-r  .pic::-webkit-scrollbar {/*滚动条整体样式*/

    width: 6px;    /*高宽分别对应横竖滚动条的尺寸*/

    height: 1px;

}

.zhibo-jigou .zhibo-jigou-r  .pic::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 10px;

    background: #d8d8d8;

}

.zhibo-jigou .zhibo-jigou-r  .pic::-webkit-scrollbar-track {/*滚动条里面轨道*/

    border-radius: 6px;

    background: #f5f5f5;

}