为什么使用margin:0 auto;无法使图片居中。添加display:block依然无法垂直居中

@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑", "宋体", "黑体";}
a{ text-decoration:none;}
ul{ list-style:none;}

/*头部区域*/
.header{ width:100%; height:100px; background:#EF3134;}
.box{ width:1000px; height:100px; border:1px solid blue; margin:0 auto;}
.box .logo{margin:0 auto;}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="css/style.css">
</head>

<body>

<div class="header">
<div class="box">
<div class="logo"><img src="images/logo.png"/></div>
<div class="tel"></div>
</div>
<div class="nav"></div>
</div>

<div class="banner"></div>

<div class="about"></div>
</body>
</html>

潜意式 · 发表于 2017-3-13 18:38:25

先给元素添加一个定位属性哦。

[提问] 为什么使用margin:0 auto;无法使图片居中。添加display:block依然无法垂直居中

共1个回复最后回复于 2017-3-13 18:38

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 为什么使用margin:0 auto;无法使图片居中。添加display:block依然无法垂直居中

共1个回复 最后回复于 2017-3-13 18:38

共1个回复最后回复于 2017-3-13 18:38