Question

有人可以帮我吗。我是一个初学者，我只是想了解代码的工作方式。我知道这看起来很愚蠢，但是我找不到有人问这个问题。我发现我的导航栏横穿我的屏幕，并且它们之间没有空白。我尝试了它，但是我不知道在哪里添加“ align”，但是它不起作用。如果您确实回答了这个问题，则颜色或炫酷效果使该导航栏看起来确实不错。谢谢您的帮助，感谢任何尝试的人。我不知道如何在此处添加代码，因此请阅读注释。

Answer 1

好吧，这是您制作的一个简单的导航栏，首先，您应该了解display：flex Display flex用于在父级中对齐div或元素例如考虑这个例子

<style>
.parent{
display:flex;
align-items:center;
width:50%;
justify-contents:space-between;
}
</style>
<div class="parent">
<div class="child_one">
<p>menu</p>
</div>
<div class="child_two">
<p>menu</p>
</div>
<div class="child_three">
 <p>menu</p>
</div>
</div>

如果运行上面的代码，您将看到一个输出，其中所有菜单项都将内联对齐，因此您具有基本的导航栏结构。但是要使之响应，您应该学习媒体查询（以使显示弹性阻塞）

协助创建简单的导航栏。

1 个答案: