CSS - 移动端 滚动条隐藏滑动 + 词组间隔

移动端隐藏scroll滚动条::-webkit-scrollbar

添加滚动条overflow-y: scroll; 裁剪内容 - 提供滚动机制。
添加滚动条overflow-y: auto; 如果溢出框，则应该提供滚动机制。

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

案例

#packInfo .navMiddle {
    width: 750rpx;         /* 750rpx，多出来的隐藏 */
    height: 160rpx;
    background: #fff;
    white-space: nowrap;   /* 自动换行 */
    overflow-x: auto;   /* 如果溢出框，则应该提供滚动机制。 */
}
#packInfo .navMiddle::-webkit-scrollbar{  display:none;}     /* 滚动条隐藏 */

#packInfo .navMiddle .li {
    /* float: left;一定要隐藏 */
    padding: 0 30rpx;
    display:inline-block;   /* 显示为线块混合模式 */
}

词组间隔

文字间隔3px letter-spacing: 3px ;
词组间隔5px word-spacing: 5px ;

段落缩进

段落缩进5px text-indent:2em;

!important修改权重

.div1 {
    color: red !important;
}

鼠标常用cursor光标说明

div{ cursor:default }默认正常鼠标指针
div{ cursor:hand }和div{ cursor:text } 文本选择效果
div{ cursor:move } 移动选择效果
div{ cursor:pointer } 手指形状 链接选择效果
div{ cursor:url(url图片地址) }设置对象为图片
div{cursor: not-allowed } 红圈加斜杠 禁止的意思