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

本文主要是介绍直播小程序源码，CSS实现移动端横向滚动导航条，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

cssHTML代码

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

​

CSS代码

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

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

这篇关于直播小程序源码，CSS实现移动端横向滚动导航条的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！