首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >基本HTML为什么我不能居中我的导航栏?

基本HTML为什么我不能居中我的导航栏?
EN

Stack Overflow用户
提问于 2013-12-08 16:19:12
回答 1查看 165关注 0票数 0

我就是不能让我的导航栏和中间的徽标位于页面的中心。

我做错了什么?是容器出了问题吗?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="container">
  <header>
      <div id="header" class="clearfix">
        <ul>
            <li><a href="index.html">HOME</a></li>
            <li><a href="music.html">MUSIC</a></li>
            <li>
              <div class="headerimage"><img src="images/header.png" alt="Richi Rich Logo"></div>
            </li>
            <li><a href="about.html">ABOUT</a></li>
            <li><a href="index.html">GALLERY</a></li>
        </ul>
    </div><!--end header-->

  <div class="footer"> Richard Medhurst © 2013</div>
</div>

</body>
    </html>

我的.css样式表在这里:https://www.dropbox.com/s/j7r373e5qwx0vji/style.css

EN

回答 1

Stack Overflow用户

发布于 2013-12-08 16:24:42

你需要将ul的宽度从1200px减小到400px

演示http://jsfiddle.net/LstNS/38/

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
#header ul { 
  margin:0 auto; 
  width:400px; 
  list-style: none; 
  *zoom: 1; 
} 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20455646

复制
相关文章
html导航栏自动调间距,HTML CSS导航栏间距[通俗易懂]
我做了一个CSS导航栏,但是在每个“navbar-item”之间,都有一点空间。我不希望那里有任何变化!有没有办法做到这一点,而不改变每个navbar-item的余裕?HTML CSS导航栏间距
全栈程序员站长
2022/09/01
5.5K0
html页面缩小导航栏隐藏,html – 导航栏缩放问题[通俗易懂]
我有一个问题,我的导航栏似乎与CSS中的.container缩放.现在,我是一个新手,但我已经尝试搞乱CSS中的值,但无济于事.这是
全栈程序员站长
2022/09/02
4.6K0
html 竖排导航条,html 导航栏
$(“#navbar a[href='{ { request.path }}’]”).parent().addClass(“active”)
全栈程序员站长
2022/09/01
3.7K0
HTML导航栏制作
注释:加上 target=”_blank” 的话,点击有链接的文字,就会新打开一个标签页,若不加,则在本页面上直接打开链接网页。
全栈程序员站长
2022/09/01
4.8K0
CSS + HTML导航栏效果
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140426.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/02
4.6K0
html导航栏可以展开的下拉菜单,html导航栏下拉菜单如何制作[通俗易懂]
小编给大家分享一下html导航栏下拉菜单如何制作,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
全栈程序员站长
2022/09/01
8.8K0
我的编程导航
大家用了我的编程导航学习效果没有长,但是学习效果也没有降下了。下面我来讲解一下我做的编程导航。
海曈
2022/11/14
2260
Hexo博客 | 如何让Butterfly主题导航栏居中
最近有很多小伙伴留言问我ButterFly主题的导航栏是怎么居中的,说实话我的博客样式其实都是一点一点从其他博主的博客那模仿来的(如果我没记错的话,导航栏应该是看的Heo大佬的),所以样式修改的时间跨度有点长,我自己也不太清楚具体改了哪些地方,但是鉴于问的小伙伴太多,我决定把导航栏文件全部展示出来,至于CSS可以参考我的css文件第168到434行(当前时间2022/3/15,不排除之后我又改了)……
Justlovesmile
2022/03/22
1.8K0
html里制作简单导航栏
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140112.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/01
4.4K0
html导航栏纵向代码,html横向导航栏怎么做?横向导航条代码实例
有不少小伙伴在刚学习 html 的时候都会遇到这样一个问题:html 横向导航栏怎么做?今天W3Cschool小编就为大家分享一下简单的横向导航条代码,相信会对大家有所帮助。
全栈程序员站长
2022/09/02
6.4K0
html 下拉导航栏源码,html导航栏下拉菜单怎么制作?这里有详细的代码实例「建议收藏」
.dropdown类使用position:relative,这将设置下拉菜单的内容放置在下拉按钮(使用position:absolute)的右下角位置。
全栈程序员站长
2022/09/01
4.2K0
HTML导航栏的四种制作方法
在这里还想说的是,<ul>的子集元素只能是<li>,不可以是别的,HTML的语义很弱,标签的使用很重要,在实际的网页开发中,不同标签的语义,权重都不一样,所以,优化也不一样。
全栈程序员站长
2022/08/24
3.3K0
HTML导航栏的四种制作方法
HTML+CSS 简单的顶部导航栏菜单制作
img标签,导入图片,a标签超链接 ,img导入图片,防止图片失真width和height设置一个就可以了
全栈程序员站长
2022/09/02
3.8K0
CSS+HTML 顶部导航栏实现「建议收藏」
2018/11/16更新: 最近在使用这个导航栏的时候,发现页面在放大和缩小的情况下,导航栏的布局和显示都有些小问题,所以重新改了一下css部分的代码,重新贴上来
全栈程序员站长
2022/09/01
3.4K0
使用html和css制作水平导航栏nav
使用html和css制作水平导航栏nav的方法及其效果: 1、li设置float:left; (1)代码片段:
全栈程序员站长
2022/09/01
3.8K0
【Flutter】底部导航栏实现 ( BottomNavigationBar 底部导航栏 | BottomNavigationBarItem 导航栏条目 | PageView )
Flutter 中的 Scaffold 组件实现了基础的材料设计 ( Material Design ) 可视化布局结构 ;
韩曙亮
2023/03/29
6.2K0
【Flutter】底部导航栏实现 ( BottomNavigationBar 底部导航栏 | BottomNavigationBarItem 导航栏条目 | PageView )
扶我起来,前端还没倒下,我不能睡
长路漫漫,唯夜作伴。虽然一天的工作头昏脑胀,但是仍然放不下我心心念念的前端啊,扶我起来,我还可以学~
小闫同学啊
2019/12/17
8330
纯HTML CSS制作导航栏 下拉菜单
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140190.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/01
6.3K0
导航栏滚动渐变效果 html+css+js
6.当页面有滚动后导航栏的样式,padding上下变小,字体颜色变,有了蓝背景色:
全栈程序员站长
2022/08/24
9.3K0
导航栏滚动渐变效果 html+css+js
点击导航栏,切换div内容(js+css+html)[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140453.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/24
12.7K0
点击导航栏,切换div内容(js+css+html)[通俗易懂]

相似问题

我的导航栏不能居中

20

为什么我的导航栏不会居中?

53

为什么我不能让导航栏在页面上居中?

31

为什么我不能在CSS中居中导航栏?

23

为什么我不能居中我的导航菜单?

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文