5-4编程问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
#hezi{
background-color: red;
height: 600px;
width: 1000px;
text-align: center;
}
header{
background-color: lightblue;
height: 70%;
}
#a1,#a2{
padding:30px 50px;
}
#bb{
background-color: pink;
height: 30%;
}
#b1,#b2,#b3{
padding:30px 50px;
</style>
</head>
<body>
<div id="hezi">
<header>
<img id="a1" src="http://img1.sycdn.imooc.com/climg//58c0f808000129a303600215.jpg"/>
<img id="a2" src="http://img1.sycdn.imooc.com/climg//58c0f819000198a703600214.jpg"/>
</header>
<div id="bb">
<img id="b1" src="http://img1.sycdn.imooc.com/climg//58c0f81d0001fe4402000060.jpg"/>
<img id="b2" src="http://img1.sycdn.imooc.com/climg//58c0f8220001dfce02000060.jpg"/>
<img id="b3" src="http://img1.sycdn.imooc.com/climg//58c0f8780001c74602000060.jpg"/>
</div>
</div>
</body>
</html>
老师，
1为什么我设置了上下内边距，可显示出来的却不一样，哪里错了，怎么改
2怎么让盒子整体在页面中居中显示，我设置了text-align：center只是对内容居中产生了变化，怎么改
正在回答
您好，设置padding是正确的，但是padding是相对图片本身，您设置的是上下的边距是30px，如下图所示，是成功的。但是您要将上下的边距调大一些，才可以。
如果解决了您问题，请采纳，祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 626 份
- 解答问题 4930 个
想要学好Web后端开发的中流砥柱语言，本阶段为你轻松铺就扎实的基础，从前端网页布局的搭建到后台PHP开发，助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星