拼图pinture,如何在在手机等小屏幕下,导航依然横向排列

最新推荐文章于 2021-06-03 23:01:05 发布

原创最新推荐文章于 2021-06-03 23:01:05 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

拼图pinture相关专栏收录该内容

3 篇文章

订阅专栏

在自定义样式表,my.css中增加这几句,注意查看这几句在原css文件中的位置.就明白原因了

注意,自定义样式要放在pinture.css的后面才行.

.nav{padding:0;}
.nav-inline .nav-head{padding-right:20px;}
.nav-inline li{display:inline-block;vertical-align:top;}
.nav-inline li a{padding:5px 20px;line-height:20px;display:block;}
.nav-inline .nav-more{float:right;}
.nav-split .nav-head{height:20px;line-height:20px;}
.nav-split li{border-right:solid 1px rgba(0, 0, 0, .20);}
.nav-split li a{padding:0px 20px;}
.nav-split .nav-head, .nav-split ul li, .nav-split li:last-child{border-right-width:0;}
.nav-right{text-align:right;}
.nav-right .nav-head{float:left;}
.nav.nav-justified{display:table;width:100%;}
.nav-justified .nav-head{padding:0 20px;float:none;}
.nav-justified .nav-more{float:none;}
.nav-justified li{display:table-cell;}
.nav-justified .nav-head, .nav-justified li a{text-align:center;display:block;}
.nav-justified.nav-split .nav-head{padding:0 20px;border-right-width:1px;}
.nav-big .nav-head{font-size:18px;height:30px;line-height:30px;padding:0 20px;}
.nav-big a{font-size:18px;line-height:30px;}
.nav-big.nav-split a{line-height:30px;}