论坛
标题:
为什么使用margin:0 auto;无法使图片居中。添加display:block依然无法垂直居中
[打印本页]
作者:
王玉部
时间:
2017-3-12 09:05
标题:
为什么使用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
先给元素添加一个定位属性哦。
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1