程序员的知识教程库

网站首页 > 教程分享 正文

css完成手机端导航左右滑动(css导航栏横着)

henian88 2024-08-15 04:57:25 教程分享 21 ℃ 0 评论

手机端左右滑动导航,html正常写,css超出不换行,隐藏滚动条

.submenu{ width: 90%; margin: 35px auto 0;} //外部需要定义一个盒子并给与宽度
.submenu ul{ width: 100%; white-space: nowrap;overflow-x: scroll; overflow-y: hidden;-webkit-overflow-scrolling:touch; text-align: justify;}
.submenu ul li{margin-right: 45px; display: inline-block; width: 90px; text-align: center;}
.submenu ul::-webkit-scrollbar{ display: none;} //隐藏滚动条


Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表