为什么我的top那一块不能居中显示

<!DOCTYPE html>
<html>
<head>
	<title>网页开发</title>
	<link rel="stylesheet" type="text/css" href="css/project.css">
</head>
<body>
  <div class="top">
    <div class="top1">
       <div class="top-img"><img src="images/logo.png"></div>
       
    </div>
  </div>
  <div class="banner"></div>
  <div class="about"></div>
  <div class="gallery"></div>
  <div class="footer"></div>
</body>
</html>

margin: 0px;

padding: 0px;

}

.top{

height: 80px;

width: 100%;

background-color: #07cbc9;

}

.top .top1 .top-img{

margin: 25px auto;

line-height: 40px;

height: 40px;

float: left;

}

栽了清秋 2019-09-29

源自：前端油画商城案例 4-3 项目作业

收起

2回答

好帮手慕查理回答被采纳获得+3积分 2019-09-29 14:21:03

您好，参考如下：

*{
    margin: 0px;
    padding: 0px;
}
.top{
    height: 80px;
    width: 100%;
    background-color: #07cbc9;
}
.top .top1 .top-img{
    /*margin: 25px auto;*/
    line-height: 80px;
    height: 80px;
    float: left;
}
.top .top1 .top-img img{
    vertical-align:middle;
}

祝学习愉快！

收起回答

好帮手慕查理 2019-09-29 11:11:08

您好，同学具体说的是哪一块不能居中显示？是图片没有垂直居中？请具体描述一下，以便帮助同学解决。