Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航栏未在线显示_Html_Css_Navbar_Inline - Fatal编程技术网

Html 导航栏未在线显示

Html 导航栏未在线显示,html,css,navbar,inline,Html,Css,Navbar,Inline,我的导航栏未在线显示。 当将code:.nav li a{…}更改为.nav li{…}时,它是一致的,但所有css函数都会从HTML中的class=nav中消失。 我试图添加ul.nav{display:inline block;},但它什么也没做 我希望我解释得很好,从昨天起我就一直想弄明白 html,正文{ 保证金:0; 填充:0; } .集装箱{ 最大宽度:940px; 保证金:0自动; 填充物:5px; } .标题{ 背景色:#333; } .导航{ 列表样式类型:无; 保证金:0;

我的导航栏未在线显示。 当将code:
.nav li a{…}
更改为
.nav li{…}
时,它是一致的,但所有css函数都会从HTML中的class=nav中消失。 我试图添加
ul.nav{display:inline block;}
,但它什么也没做

我希望我解释得很好,从昨天起我就一直想弄明白

html,正文{
保证金:0;
填充:0;
}
.集装箱{
最大宽度:940px;
保证金:0自动;
填充物:5px;
}
.标题{
背景色:#333;
}
.导航{
列表样式类型:无;
保证金:0;
填充:20px0;
字母间距:1.6px;
}
李娜先生{
显示:内联;
文字装饰:无;
过渡:0.4s;
颜色:#fff;
字体系列:“Raleway”,无衬线;
字号:600;
字体大小:12px;
右边距:25px;
文本转换:大写;
}
李娜:悬停{
背景色:#ffffff;
颜色:#333;
字号:900;
填充:24px 10px;
字体大小:12px;
光标:指针;
}

智能家居

如果我理解正确,您可以将以下内容添加到CSS中:

.nav li{
  display: inline; //or inline-block
}

这里的工作版本-

我认为您应该添加
显示:内联块到您的
li

可能重复的

hi friend

You just make 

.nav li{display:inline-block;}

and remove .nav li a {display: inline;}

see attachment file....[![enter image description here][1]][1]

显示:内联块也是,我想你需要纠正理解错误;)非常感谢你!它起作用了!我只是想知道为什么我添加
display:inline块时它不起作用
.nav li a{}
.nav{}
:|由@shtut给出的答案相同,这不重复,因为OP没有在任何地方提到引导:D。。。好的,先生。。。也许答案是在我读这个问题的时候贴出来的。。。如果您不喜欢,将删除此;)这不是关于喜欢或不喜欢,如果您认为您的答案更好,您可以更好地修改它;)