blocks|key|1512065|text|尝试将以下css规则应用于div#header|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1512066|text-align:+center;|code-block|syntax|javascript|1512067|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try applying the following css rule to div#header

<pre><code>text-align: center;
</code></pre>

blocks|key|5616202|text|首先，在你的CSS中有这样的内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5616203|#menu+li+{
+++float:+left;
}|code-block|syntax|javascript|5616204|删除此！|offset|length|style|BOLD|5616205|第二，试试这个：|5616206|#menu
{
+++text-align:+center;
}|5616207|它只会将#menu中的任何文本居中，如果它不起作用，您也可以添加以下内容：|CODE|5616208|#menu+ul,+#menu+ul+li
{
++++text-align:+center;
}|5616209|如果它不工作，我不知道为什么！|5616210|entityMap^0|0|0|0|4|0|0|0|4|5|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@$I|12|J|13|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|14|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|16|8|@$I|17|J|18|K|S]]|9|@]|A|$]]|$1|T|3|U|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|V|3|W|5|6|7|1A|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Y|$]]

First, in your CSS you have this:

<pre><code>#menu li {
 float: left;
}
</code></pre>

DELETE THIS!

Second, try with this:

<pre><code>#menu
{
 text-align: center;
}
</code></pre>

It will only center any text in <code>#menu</code> and you can also add this if it doesn't work:

<pre><code>#menu ul, #menu ul li
{
 text-align: center;
}
</code></pre>

If it doesn't work, I don't know why!

blocks|key|1831453|text|添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1831454|display:+block;
width:+600px|code-block|syntax|javascript|1831455|页边距:+0px+auto需要一个固定的宽度和一个block元素！|1831456|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

add 

<pre><code>display: block;
width: 600px
</code></pre>

margin: 0px auto needs an fixed width and a block element !

blocks|key|4147929|text|这是使用firebug实现的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4147930|#menu+ul+{
++line-height:+normal;
++list-style:+none;
++margin:+0+auto;
++padding:+0;
++width:+600px;
}|code-block|syntax|javascript|4147931|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This works using firebug:

<pre><code>#menu ul {
 line-height: normal;
 list-style: none;
 margin: 0 auto;
 padding: 0;
 width: 600px;
}
</code></pre>

blocks|key|1512114|text|当用户必须以指定的格式打印文本时，如颜色、位置、字体等，则使用CSS。重复在某些intervals.For示例之后说你有2种类型的字体font1，font2。现在，您希望打印文本，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1512115|font1
font2
hyperlink(navigation+link)
font1
table
font2+|code-block|syntax|javascript|1512116|在这里，我们已经为两种类型的字体使用了CSS，我们重复使用但不是连续使用，并为相同的颜色、位置、字体类型等编写逻辑。每一次都是一个令人厌烦的过程，当CSS进入图片，使我们的工作easy.In这种情况下，它已经写在超文本标记语言和导航链接与CSS无关，因此一个简单的<center><a+href="link">+CLICK+ME</a></center>在超文本标记语言代码将做所需的变化。这里的<center>标签表示这应该打印在中心，如果在使用之后没有正确关闭标签</center>，那么页面上所有剩余的内容也会被dafault居中。|offset|length|style|CODE|1512117|entityMap^0|0|0|3O|19|5I|8|6I|9|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

CSS is used when one has to print text in a specified format like color,positioning,font etc..
repeatedly after certain intervals.For example say you have 2 type of fonts font1,font2.
Now you want to print the text as follows,

<pre><code>font1
font2
hyperlink(navigation link)
font1
table
font2 
</code></pre>

Here we have used CSS for two type of fonts that we use repeatedly but not continously and writting the logic for same color,position,font type etc.. each time is a tiresome process hen ce CSS comes into picture lo make our job easy.In this case as, it is alreay writtrn in HTML and navigation links have nothing to do with CSS hence a simple <code>&lt;center&gt;&lt;a href="link"&gt; CLICK ME&lt;/a&gt;&lt;/center&gt;</code> in HTML code would do the required change. <code>&lt;center&gt;</code> tag here indicates that this should be printed in the center and if dont close the tag <code>&lt;/center&gt;</code> properly after the use then all the remaining contents on the page would also be centered by dafault.

I have been building a site and can't figure out how to center the navigation links. The site is in HTML using a CSS sheet.

I have tried to center them using

<pre><code>margin: 0 auto;
</code></pre>

Any suggestions would be great!

The site address is <a href="http://tinyurl.com/7x7nzz3" rel="nofollow">http://tinyurl.com/7x7nzz3</a>

If you would like me to paste all the code into here then please request that however I didn't feel it necessary as the code is openly available from view source

CSS Navigation positioning

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我一直在建立一个网站，但不知道如何将导航链接居中。该站点是使用CSS表的HTML格式。我试着把它们放在中心位置margin: 0 auto;任何建议都是很棒的！站点地址为如果你想让我粘贴所有的代码到这里，然后请要求，但我觉得没有必要，因为代码是开放的可从查看源代码

问CSS导航定位
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS导航定位EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS导航定位
EN