<style media="screen">
.tab-head{
list-style-type: none;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
padding:0;
overflow:auto;
}
.tab-head-item{
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;
color:white;
padding: 5px 8px;
color: #333;
font-weight: bold;
}
.tab-head-item a{color:#333;font-weight: 500;text-decoration:none;}
</style>
<ul class="tab-head">
<li class="tab-head-item">全部</li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
<li class="tab-head-item"><a href="">手机导航</a></li>
</ul>
CSS手机站导航栏左右滑动
最新推荐文章于 2023-01-08 23:52:23 发布