<分区>
标签 javascript html css
我是初学者 HTML/CSS Coder,正在学习如何编码。我需要一些帮助来创建全屏导航。这是设计文件:Menu Design
W3Schools 给出了制作全屏覆盖的方法的想法,但我仍然有点困惑。
谁能告诉我如何处理这个问题。图(2)中的白框是图标。我对图标应该如何放置以及菜单如何横跨整个屏幕有些困惑。
提前致谢!
最佳答案
我建议您通过玩游戏来检查 flex box flex froggy 您可以将中间部分链接包裹在一个 div 中,并使用 flex row 将其展开,然后使用 justify-content 在每个元素之间添加空间。
看看这个 jsfiddle .
<div class="links">
<a href="">Link 1</a>
<a href="">Link 2</a>
<section>
<a href="">Link 3</a>
<a href="">Link 4</a>
<a href="">Link 5</a>
<a href="">Link 6</a>
</section>
</div>
section {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
}
关于javascript - 带图标的全屏导航覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45518370/