老师解答下，怎么样可以把当前图片logo设置在页眉的的中间
来源：4-3 项目作业
罗杰明
2020-01-21 15:52:20
*{
margin:0px;
padding:0px;
}
.main{
width:100%;
height:1000px;
background-color:red;
}
.header{
width:100%;
height:60px;
margin-top:20px;
background-color:#07cbc9;
}
.main .header .header-img{
float:left;
padding-left:50px;
padding-top:6px;
}
<html>
<head>
<meta charset="UTF-8">
<title>作业</title>
<link rel="stylesheet" type="text/css" href="test.css">
<script type="text/javasript" src="test.js"></script>
</head>
<body>
<!-- //主div框 -->
<div class="main">
<!-- //页眉div框 -->
<div class="header">
<!-- //页眉子logo -->
<div class="header-img"><img src="images/logo.png"></div>
<!-- <div class="header-menu">
<ul>
<li>12</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul> -->
</div>
</div>
</div>
</body>
</html>
1回答
-
同学你好，同学说的中间是指垂直居中还是水平居中呢？
垂直居中的话，可以算一下上下的边距设置一下。
水平居中的话，可以用先向左移动百分之50%；由于是从图片的左侧移动百分之50的，所以，我们再让其往回设置一个一半图片宽度的距离：
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题