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

小灰灰 2021-09-25 16:50 121阅读 0赞

在自定义样式表,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;}

![70][]

[70]: /images/20210923/e1240dd1ab2c4e808207017fb3144818.png

发表评论取消回复

表情：

评论列表（有 0 条评论，121人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在unity中新建屏幕

在 Unity 中新建屏幕的方法如下： 1. 在 Unity 编辑器中打开你的项目。 2. 在菜单栏中选择 "GameObject"，然后选择 "UI" 下的 "Canv

╰+哭是因爲堅強的太久メ/ 2024年03月25日 12:49/ 0 赞/ 97 阅读

相关 vue横向导航栏

<template> <div>  <el-menu class="el-

╰+攻爆jí腚メ/ 2023年10月10日 22:07/ 0 赞/ 51 阅读

相关富文本内容在小程序端自适应手机屏幕

formatRichText:function(html){ let newContent= html.replace(/<img[^>]>/gi,f

怼烎@/ 2022年12月31日 06:22/ 0 赞/ 143 阅读

相关 java通用触屏导航_反应导航 - 在屏幕之间导航

要在登录 - >主屏幕的屏幕之间导航，您需要定义单独的导航 . 使用主导航作为其他导航的常用导航 import HomeScreen from "../screens/use

冷不防/ 2022年11月04日 15:27/ 0 赞/ 151 阅读

相关 pentaho下拉框横向排列

pentaho下拉框横向排列本文的主要目的：在正常添加参数之后，参数的排列默认的竖向排列，美观性比较差，现在调成横向排列，虽然是一个比较基本和简单的功能，但是如果不知道

╰+哭是因爲堅強的太久メ/ 2022年09月29日 01:29/ 0 赞/ 155 阅读

相关如何在MySQL中清屏幕

1 在window环境下 mysql的命令行无法实现清屏操作，但是你可以先\\q退出来，然后cmd命令行是可以清屏的，cls 回车就是了； 2在linux环境下mysql清屏

小灰灰/ 2022年05月23日 23:16/ 0 赞/ 736 阅读

相关 HTML中的标签中li横向排列（导航栏制作）

html代码 <div class="container-fluid h4" id="shead"> <ul> <l

谁践踏了优雅/ 2022年02月19日 11:25/ 0 赞/ 392 阅读

相关拼图小游戏

将图片切割成若干份 public static List<ImagePiece> splitImage(Bitmap bitmap,int piece){

本是古典何须时尚/ 2021年09月26日 00:46/ 0 赞/ 449 阅读

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

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

小灰灰/ 2021年09月25日 16:50/ 0 赞/ 122 阅读

相关侧身入库_在侧身阅读时如何使Android手机停止旋转屏幕

![侧身入库][e0ce9c3c225a8e0e436a11f3f98de44e.png] 侧身入库 Do you lay in bed and read email or

浅浅的花香味﹌/ 2021年07月27日 01:01/ 0 赞/ 271 阅读