代码之家 › 专栏 › 技术社区 › burhan

CSS:我所有的项目都是一个接一个的,我该如何修复它?

coding-style git css html javascript

-1

burhan · 技术社区 · 2 年前

我试着把我所有的东西都放在一行,但我做不到。如何将我所有的东西放在导航栏的一行中?我应该在css代码中添加什么,或者如何解决这个问题。但现在他们都在一起了

Codepen: https://codepen.io/burhanelaldi/pen/GRPxxRx

我试着创建一个导航栏

1 回复 | 直到 2 年前

-2

Lee Chase 2 年前

不完全确定你在问什么,但如果你想让你的流量水平,那么只需添加 display: flex 如下所示。

ul {
  display: flex;
}

附言:你不需要在代码笔中添加html、body、head标签等,它应该只是body标签的内容。附言:你也需要终止标签。

<!--  I define the <nav> tag in the <body> tag where i want to make the bar -->
<nav> 
  <ul> <!-- I define the <ul> tag, which is used to show the unordered list. And, then i define the list items in the <li> tag. I define those items which i want to show in the navigation bar. They are gonna go to href -->
    <li><a href="#home">Home</a></li>
    <li><a href="#history">History</a></li>
    <li><a href="#strategies">Strategies</a></li>
    <li><a href="#myGame">My Game</a></li>
    <li><a href="#contact">Contact</a></li>
  </ul>
</nav>
<!--  I gave each anchor tag a corresponding div. When we click on the nav bar we are gonna go to those ids -->
<div id="home">Home</div>
<div id="history">History</div>
<div id="strategies">Strategies</div>
<div id="myGame">My Game</div>
<div id="contact">Contact</div>

推荐文章

Emile Dadou · gitignore-忽略不尊重特定掩码的文件夹

1 年前

realmikep · `Github Actions工作流中的git commit`失败:未授予对存储库的写入访问权限,403

1 年前

merlin2011 · 是否有可能“git fetch”只获取特定的分支,而不在每次调用时指定完整的refspec?

1 年前

Harry · 如何在编译时获取克隆的git仓库的标签

1 年前

Ooker · 如何从blob中删除秘密?

1 年前

hasdrubal · git日志图智能分支过滤器

1 年前

merlin2011 · 是否有一个git命令可以在不更改任何引用的情况下使工作树等于索引?

1 年前

merlin2011 · git commit中可能的所有头文件及其顺序是否都有记录?

1 年前

Stephen · git rebase删除了未经樱桃采摘的“樱桃采摘”提交

1 年前

J. Doe · 为什么git中没有跟踪git文件?

1 年前