Html Django中并排的导航栏？
我正试图建立一个导航栏进行练习，但遇到了一个问题。我试图从views.py获取信息，通过html在网站上共享，但效果不太好。它完美地显示了内容，但不是一行一行地显示。我包括了一张呈现网站的图片 HTML代码：Html Django中并排的导航栏？,html,css,django,Html,Css,Django,我正试图建立一个导航栏进行练习，但遇到了一个问题。我试图从views.py获取信息，通过html在网站上共享，但效果不太好。它完美地显示了内容，但不是一行一行地显示。我包括了一张呈现网站的图片 HTML代码： <!doctype html> <html> <style> ul{ width : 100%; float : left; display: inline-block; list-style-type: none; ba
<!doctype html>
<html>
<style>
ul{
width : 100%;
float : left;
display: inline-block;
list-style-type: none;
background-color: blue;
}
</style>
<head>
<title>Coding for fun</title>
</head>
<body>
<ul class="navBar">
{% for my_sub in my_test %}
<li> {{ my_sub}} </li>
{% endfor %}
</ul>
</body>
</html>
保险商实验室{
宽度：100%；
浮动：左；
显示：内联块；
列表样式类型：无；
背景颜色：蓝色；
}
为乐趣而编码
{我的_测试中我的_sub的百分比%}
- {{my_sub}}
{%endfor%}
您需要为
li内联，而不是ul
将您的
更改为以下内容
ul li{
display: inline-block;
}
它会很好用。效果很好！但是如果我使用.navBar
而不是ulli
，它是否也能工作？或者这不是最佳实践吗？是的，你也可以使用.navbar li{display:inline block；}
。好的，我想我明白了。导航条上方的间隙是否有原因？我会尽快通过10分钟，所以我可以接受答案！我认为，通过检查浏览器中的元素，可以看出css是什么导致了这种差距。