帮助创建简单的导航栏。
帮助创建简单的导航栏。
提问于 2018-11-25 01:19:16
谁能帮帮我。我是一个初学者，我只是想了解代码是如何工作的。我知道这看起来很愚蠢，但我找不到任何人问这个问题。我发现我的导航栏在我的屏幕上移动，而且它们没有边距。我试过了，但我不知道在哪里添加"align“，但它不起作用。如果你回答了这个问题，你可以用颜色或酷炫的效果来让这个导航栏看起来更好看。谢谢你的帮助，我感谢任何人的努力，我不知道如何在这里添加代码，所以请阅读评论。
回答 1
Stack Overflow用户
发布于 2018-11-25 01:34:07
好的，这是你制作的一个简单的导航栏，首先你应该学习显示: 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>如果您运行上面的代码，您将看到一个输出，其中所有菜单项都将内联对齐，因此您有一个基本的导航栏结构.But，以使其具有响应性您应该学习媒体查询(以使显示灵活到块)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53460601
复制相关文章
相似问题
腾讯云开发者
