CSS - 移動端 滾動條隱藏滑動 + 詞組間隔

移動端隱藏scroll滾動條::-webkit-scrollbar

添加滾動條overflow-y: scroll; 裁剪內(nèi)容 - 提供滾動機(jī)制。
添加滾動條overflow-y: auto; 如果溢出框，則應(yīng)該提供滾動機(jī)制。

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

案例

#packInfo .navMiddle {
    width: 750rpx;         /* 750rpx，多出來的隱藏 */
    height: 160rpx;
    background: #fff;
    white-space: nowrap;   /* 自動換行 */
    overflow-x: auto;   /* 如果溢出框，則應(yīng)該提供滾動機(jī)制。 */
}
#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 ;

段落縮進(jìn)

段落縮進(jìn)5px text-indent:2em;

!important修改權(quán)重

.div1 {
    color: red !important;
}

鼠標(biāo)常用cursor光標(biāo)說明

div{ cursor:default }默認(rèn)正常鼠標(biāo)指針
div{ cursor:hand }和div{ cursor:text } 文本選擇效果
div{ cursor:move } 移動選擇效果
div{ cursor:pointer } 手指形狀 鏈接選擇效果
div{ cursor:url(url圖片地址) }設(shè)置對象為圖片
div{cursor: not-allowed } 紅圈加斜杠 禁止的意思

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容