没有实现导航项在水平方向居中显示,该改哪里

没有实现导航项在水平方向居中显示,该改哪里

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /*此处写代码*/
    .nav{
        background-color:black;
        width:1100px;
        height:100px;
        overflow: hidden;
        zoom:1;
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-50px;
        margin-left:-550px;    
    }
    .logo{
        text-align:left;
        float:left;
        cursor:pointer;
    }
    .column{
        width:60%;
        height:100px;
        color:white;
        font-size:20px;
        font-family:"微软雅黑"
        line-height:100px;
        float:right;
        text-align:right;
    }
 
    .column ul li{
        float:left;
        word-spacing:20px;
        list-style-type:none;
        margin:20px;
        cursor:pointer;
    }
</style>
</head>
<body>
  <!-- 此处写代码 -->
  <div class="nav">
     <div class="logo"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"/></div>
     <div class="column">
         <ul>
             <li>课程</li>
             <li>职业路径</li>
             <li>实战</li>
             <li>猿问</li>
             <li>手记</li>
         </ul>
     </div>
  </div>
</body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
妮可妮可妮_ 2018-08-06 18:42:25

导航项水平居中就是在每一个li中水平居中显示

祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师