移动端隐藏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 ;
词组间隔5pxword-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 } 红圈加斜杠 禁止的意思