直播小程序源码，CSS实现移动端横向滚动导航条

cssHTML代码

 <ul><br>                       <li><br>                           <a href="">1</a><br>                       </li><br>                        <li><br>                           <a href="">2</a><br>                       </li><br>                        <li><br>                           <a href="">3</a><br>                       </li><br>                        <li><br>                           <a href="">4</a><br>                       </li><br>                        <li><br>                           <a href="">5</a><br>                       </li><br>                        <li><br>                           <a href="">6</a><br>                       </li><br>                        <li><br>                           <a href="">7</a><br>                       </li><br>                        <li><br>                            <a href="">8</a><br>                        </li><br>                    </ul>

CSS代码

ul{<br>    display: flex;<br>     /*允许横向滚动*/<br>    overflow-x: scroll;<br>    /*禁止纵向滚动*/<br>    overflow-y: hidden;<br>    /*文本平铺*/<br>    text-align: justify;<br>}<br>ul::-webkit-scrollbar {<br>    /*有滚动效果但隐藏滚动条*/<br>    display: none;<br>}

以上就是直播小程序源码，CSS实现移动端横向滚动导航条，更多内容欢迎关注之后的文章