导航栏宽度有问题

来源：3-5 编程练习

慕慕1502015

2020-11-02 20:55:43

# 具体遇到的问题

# 报错信息的截图
# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style type="text/css">
       *{
           margin: 0;
           padding: 0;
       }
       nav{
           width: 600px;
           height: 60px;
           background-color: #000;
           font-size: 24px;
           color: #fff;
           margin: 0 auto;
           text-align: center;
       }
       nav > span{
           display: inline-block;
           width: 150px;
           line-height: 60px;
       }
       span:hover{
           background-color: #fff;
           color: #000;
       }
    </style>
</head>
<body>
    <nav>
       <span>pwa</span>
       <span>node</span>
       <span>vue</span>
       <span>小程序</span>
    </nav>
    <div>
       <img class="img1" src="https://img4.mukewang.com/5c32b1ca0820a49f06000338-240-180.jpg"/>
        <img class="img2" src="https://img2.mukewang.com/szimg/59c860220001247d05400300-240-180.jpg"/>
        <img class="img3" src="https://img.mukewang.com/5c21e60d0822d58e06000338-240-180.jpg"/>
        <img class="img4" src="https://img3.mukewang.com/5c0a36790001b17606000338-240-180.jpg"/>
    </div>

    <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <script type="text/javascript">
    </script>
</body>
</html>里输入代码，可通过选择【代码语言】突出显示