老师麻烦帮忙看看为什么设置了line-height=height不会垂直居中

来源：2-2 编程练习

慕仙5562557

2020-10-27 00:51:05

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CSS布局</title>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
        }
        .header{
            width:100%;
            height:100px;
        }
        .header img{
            width:200px;
            height:80px;
            padding-left:40px;
            line-height:80px;
        }
        .header logo{
            float:left;
        }
        .header .nav{
            float:right;
        }
        .header .nav ul{
            padding-right:50px;
        }
        .header .nav ul li{
            float:left;
            width:100px;
            list-style:none;
            height:100px;
            line-height:100px;
            font-size:15px;
            font-weight:bold;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="logo">
            <img src="http://climg.mukewang.com/595dd5120001736902000080.png" alt="logo">
        </div>
        <div class="nav">
            <ul>
                <li>前端</li>
                <li>后端</li>
                <li>移动端</li>
                <li>数据库</li>
            </ul>
        </div>
    </div>
</body>
</html>