导航条的字居中显示

登录

老师怎么样才能把导航条的字居中显示

lori棒棒糖 · 发表于 2017-10-19 17:35:53

把代码全部复制上来，这边帮你看下

章素徐霄华 · 发表于 2017-10-23 08:46:56

lori棒棒糖发表于 2017-10-19 17:35
把代码全部复制上来，这边帮你看下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>W3C页面模拟</title>
<style>
body{background:#f5f5f5;font-family: "微软雅黑";}
*{padding

; margin:0:}
ul{list-style:none;}
.header{height:80px; background:#fff;}
.nav{height:40px;background:#459df5;}
.nav ul{width:100%;height:40px;margin:0 auto;}
.nav ul li{
float: left;color: rgba(255,255,255,1.00);text-align:center; line-height:45px;padding:0 30px;}
.nav li:hover{background:rgba(45,94,228,1.00);}
.mian{width:1000px;background:#fff;margin:20px auto 10px;border:1px solid #e5e5e5;}
.mian h1{padding:50px 30px 20px ;font-weight:400; color:#333;font-size:34px;}
.mian p{font-size:14px; color:#333; line-height:1.8em;padding:5px 30px ;text-indent:2em;}
.mian a{text-decoration:none;}
.mian a:hover{text-decoration: underline;}
.mian ol{
list-style-position: inside;
color:#63a0df;padding:40px 30px;
}
.mian h2{font-size:22px;color:#000; font-weight:400;border-left:10px solid #4f9cee;
padding-left:20px; margin:30px 0px 15px;}

</style>
</head>

<body>
<div class="header"></div>
<div class="nav">
<ul>
<li>首页</li>
<li>分类</li>
<li>百科特色</li>
<li>用户</li>
</ul>

</div>
<div class="mian">
      <h1>网维网联盟</h1>
  <p>万维网联盟（World Wide Web Consortium，W3C），又称W3C理事会。1994年10月在麻省理工学院计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯-李。</p>
  <p>万维网联盟是国<a href="#">际最著名的标准化组织</a>。1994年成立后，至今已发布近百项相关万维网的标准，对万维网发展做出了杰出的贡献。<a href="#">万维网联盟</a>拥有来自全世界40个国家的400多个会员组织，已在全世界16个地区设立了办事处。2006年4月28日，万维网联盟在中国内地设立首个办事处。</p>
      <p>3C 由美国麻省理工学院计<a href="#">算机科学</a>和人工智能实验室 (MIT CSAIL)，总部位于法国的欧洲信息数学研究联盟(ERCIM) 和日本的庆应大学(Keio University)联合运作，并且在世界范围内拥有分支办事处。</p>
      <ol>
      <li><a href="#">发展历史</a></li>
      <li><a href="#">主要工作</a></li>
      <li><a href="#">成员机构</a></li>
      <li><a href="#">总体发展</a></li>
      <li><a href="#">主要贡献</a></li>
      </ol>
      <h2>发展历史</h2>
      <p>最早的网络构想可以追溯到遥远的<a href="#">1980年蒂姆·伯纳斯-李构</a>建的ENQUIRE项目。这是一个类似维基百科的超文本在线编辑数据库。尽管这与我们现在使用的万维网大不相同，但是它们有许多相同的核心思想，甚至还包括一些伯纳斯－李的万维网之后的下一个项目语义网中的构想。

1989年3月，伯纳斯－李撰写了《关于信息化管理的建议》一<a href="#">文，文中提及ENQUIRE并</a>且描述了一个更加精巧的管理模型。1990年11月12日他和罗伯特·卡里奥合作提出了一个更加正式的关于万维网的建议。在1990年11月13日他在一台NeXT工作站上写了第一个网页以实现他文中的想法。</p>
      <h2>主要工作</h2>
  <p>最早的网络构想可以追溯到遥远的1980年蒂姆·伯纳斯-李构建的ENQUIRE项目。这是一个类似维基百科的超文本在线编辑数据库。尽管这与我们现在使用的万维网大不相同，但是它们有许多相同的核心思想，甚至还包括一些伯纳斯－李的万维网之后的下一个项目语义网中的构想。

1989年3月，伯纳斯－李撰写了《关于信息化管<a href="#">理的建议》一文，文中提</a>及ENQUIRE并且描述了一个更加精巧的管理模型。1990年11月12日他和罗伯特·卡里奥合作提出了一个更加正式的关于万维网的建议。在1990年11月13日他在一台NeXT工作站上写了第一个网页以实现他文中的想法。</p>
      <h2>成员机构</h2>
  <p>网络独立于大众传媒而被大家使用。如果你要发布一个网页，你不需要去拜访出版商或者任何其他传媒机构，而且你潜在的读者可能遍布于世界各地。

与传统书籍文献不同，超文本没有一个线性的顺序从头到尾。它不能分解成章，节，段等层次。

现在在万维网上可以寻找到不同种类的信息，你想了解其他的国家以及那里的风土人情变得十分容易。当你在外国或者一个偏僻的小镇旅游的时候，你可以通过网络找到关于这个地方的信息，尤其是如果是在一个发达国家的话。当地的报纸，官方出版物和其他资料都可以非常容易找到，因此，花一样的努力你可以通过网络找到更多种类的相关资讯。</p>
      <h2>总体发展</h2>
  <p>随着大量的免费网络主页服务器的出现，涌现出了无数的个人主页以及家庭主页，小商店的主页等等，在网络上发布资料显而易见地越来越容易。

然而在中国大陆，从2005年3月20日开始开始实行的网站备案制度却给发布网页带来了一系列麻烦。目前，在中国，合法地建设一个简单的个人主页，难点往往不是技术，而在于政策。若内容涉及一些敏感的话题，麻烦可能更大。</p>
      <h2>主要贡献</h2>
  <p>据2001年一份研究表明，互联网上有超过5500亿份文档，大多数文件在不可见的“深层网络”。2002年一份通过20亿2千4百万网页调查表明至今大多数的网页内容是用英语写成的，为56.4%；之后是德语（7.7%），法语（5.6%）和日语（4.9%）。但是中文站点的增长也很快。一份最近的研究通过在75种语言的网络调查取样表明，到2005年1月为止，有超过115亿个网页在公共索引页面中。</p>


</div>

</body>
</html>

lori棒棒糖 · 发表于 2017-10-23 17:57:43

.nav ul li{
float: left;color: rgba(255,255,255,1.00);text-align:center; line-height:40px;padding:0 30px;}

line-height:40px这里改成40就可以了，你写的是45，所以不居中~！

章素徐霄华 · 发表于 2017-10-24 15:40:48

老师是文字在导航的宽度里的居中

[提问] 导航条的字居中显示

本帖子中包含更多资源

共4个回复最后回复于 2017-10-24 15:40

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 导航条的字居中显示

本帖子中包含更多资源

共4个回复 最后回复于 2017-10-24 15:40

共4个回复最后回复于 2017-10-24 15:40