css样式总结

1.div在div中上下居中

父元素 ：display:flex;align-item:center;

2.flex布局

    display:flex;flex-wrap:wrap;justify-content:space-between;

3.文字划线

 text-decoration: none(没有) | blink(闪烁) | underline(下划线) | line-through(贯穿线) | overline(上划线)

4.input默认样式去除

border:none;background:none;outline:none;

5.设置div长度，超出部分省略号显示

width: 100px;  /*设置宽度*/
white-space: nowrap;  /*强制不换行*/
overflow: hidden;  /*溢出隐藏*/
text-overflow: ellipsis; /*以省略号...显示*/

6.video 视频播放

<video class='video' poster='"+res.data.video.img+"' controls='controls' webkit-playsinline='true'  playsinline='true' x5-playsinline='' preload='none' style='width: 100%;  object-fit: fill;'>
        <source src='"+res.data.video.videoUrl+"' type='video/mp4'>
</video>
   poster ：视频封面图片
   webkit-playsinline="true" /*这个属性是ios 10中设置可以   让视频在小窗内播放，也就是不是全屏播放*/  
   playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 

7.滚动条隐藏 但仍可以滚动

.scroll-box::-webkit-scrollbar {
            display: none;
        }
        .scroll-box {
            overflow: -moz-scrollbars-none;
        }