如何将导航栏放在自己的行上居中?

跳舞

小提琴:https//jsfiddle.net/sm6yvwmu/1/

我正试图将导航栏居中;但是,我的旁观元素与我的导航栏保持一致。我怎样才能解决这个问题?

提前致谢!

#wrapper {
  width: 600px;
  margin: 0 auto;
}

#nav {
  width: 500px;
  margin: 0 auto;
  list-style-type: none;
  display: block;
}

#nav li {
  float: left;
}

#nav a {
  text-align: center;
  text-decoration: none;
  padding: 5px;
}

aside {
  float: left;
  padding: 5px;
  height: 200px;
  width: 100px;
  display: block;
}
<header>Portfolio</header>

<ul id="nav">
  <li><a href="#">About</a></li>
  <li><a href="#">Writing</a></li>
  <li><a href="#">Multimedia</a></li>
  <li><a href="#">Resume</a></li>
  <li><a href="#">Contact</a></li>
</ul>

<aside>
  Michelle
</aside>

阿尔贝托·卢比奥(Alberto Rubio)

更新的Fidle

#nav li{
    display: inline-block;
}

使用“内联代码块”代替“浮动”

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将导航栏放在自己的行上居中?

来自分类Dev

如何将 UIImageView 放在导航栏上

来自分类Dev

如何将导航栏居中放置在屏幕上?

来自分类Dev

如何将导航栏居中?

来自分类Dev

如何将导航栏项目居中?

来自分类Dev

如何将导航栏的导航项居中?

来自分类Dev

如何将您的Foundation导航栏/顶部栏居中

来自分类Dev

如何将导航抽屉放在工具栏下方?

来自分类Dev

如何将段落中心放在导航栏下方

来自分类Dev

如何将粘性导航栏放在页面内容的前面?

来自分类Dev

如何将图标放在导航栏的左侧?

来自分类Dev

无法弄清楚如何将导航栏居中

来自分类Dev

如何将占屏幕90%的导航栏居中

来自分类Dev

如何将导航栏中的按钮居中?

来自分类Dev

使用encoding / xml.Encoder如何将xml标头放在自己的行上?

来自分类Dev

将导航栏的元素居中放在引导程序上

来自分类Dev

将imageview放在导航栏上

来自分类Dev

如何阻止IntelliJ将参数放在自己的行上?

来自分类Dev

将导航栏居中

来自分类Dev

如何将h1放在同一行上并且在导航ul的中间

来自分类Dev

bootstrap-如何将导航栏放在背景图片之上?

来自分类Dev

如何将导航控制器放在标签栏控制器内部?

来自分类Dev

如何将Twitter-Bootstrap 3导航栏链接居中?

来自分类Dev

如何将导航栏连续最多放置3个元素(列表)居中[响应样式]

来自分类Dev

如何将引导导航栏调整为900px并在页面上居中

来自分类Dev

CSS“如何将导航栏与图像一起居中?”

来自分类Dev

如何将导航链接居中

来自分类Dev

如何将左侧导航栏放在状态栏后面?- 系统用户界面 - 安卓 - AOSP

来自分类Dev

如何使用导航栏将导航栏放在屏幕的右侧,然后放在顶部?

Related 相关文章

  1. 1

    如何将导航栏放在自己的行上居中?

  2. 2

    如何将 UIImageView 放在导航栏上

  3. 3

    如何将导航栏居中放置在屏幕上?

  4. 4

    如何将导航栏居中?

  5. 5

    如何将导航栏项目居中?

  6. 6

    如何将导航栏的导航项居中?

  7. 7

    如何将您的Foundation导航栏/顶部栏居中

  8. 8

    如何将导航抽屉放在工具栏下方?

  9. 9

    如何将段落中心放在导航栏下方

  10. 10

    如何将粘性导航栏放在页面内容的前面?

  11. 11

    如何将图标放在导航栏的左侧?

  12. 12

    无法弄清楚如何将导航栏居中

  13. 13

    如何将占屏幕90%的导航栏居中

  14. 14

    如何将导航栏中的按钮居中?

  15. 15

    使用encoding / xml.Encoder如何将xml标头放在自己的行上?

  16. 16

    将导航栏的元素居中放在引导程序上

  17. 17

    将imageview放在导航栏上

  18. 18

    如何阻止IntelliJ将参数放在自己的行上?

  19. 19

    将导航栏居中

  20. 20

    如何将h1放在同一行上并且在导航ul的中间

  21. 21

    bootstrap-如何将导航栏放在背景图片之上?

  22. 22

    如何将导航控制器放在标签栏控制器内部?

  23. 23

    如何将Twitter-Bootstrap 3导航栏链接居中?

  24. 24

    如何将导航栏连续最多放置3个元素(列表)居中[响应样式]

  25. 25

    如何将引导导航栏调整为900px并在页面上居中

  26. 26

    CSS“如何将导航栏与图像一起居中?”

  27. 27

    如何将导航链接居中

  28. 28

    如何将左侧导航栏放在状态栏后面?- 系统用户界面 - 安卓 - AOSP

  29. 29

    如何使用导航栏将导航栏放在屏幕的右侧,然后放在顶部?

热门标签

归档