请老师检查 谢谢
来源：3-4 编程练习
慕UI4313976
2020-02-02 14:56:41
下边距怎么对齐？
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 此处编写样式 -->
<meta charset="UTF-8">
<title>folat</title>
<style type=text/css>
*{margin:0;padding:0;}
.container{
width:820px;
height:400px;
border:1px dashed gray;
margin:10px;
padding:10px;
overflow:hidden;
zoom:1;
}
.container div{
text-align:center;
border:1px gray solid;
padding:10px;
margin:5px;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="box1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="1">
<p>欢迎来慕课网学习新知识</p>
</div>
<div class="box2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt="2">
<p>欢迎来慕课网学习新知识</p>
</div>
<div class="box3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt="3">
<p>欢迎来慕课网学习新知识</p>
</div>
<div class="box4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="1">
<p>欢迎来慕课网学习新知识</p>
</div>
<div class="box5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt="2">
<p>欢迎来慕课网学习新知识</p>
</div>
<div class="box6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt="3">
<p>欢迎来慕课网学习新知识</p>
</div>
</div>
</body>
</html>写回答
1回答
-
同学你好，关于你的问题：下边距怎么对齐？
具体是指那部分内容？建议：可以详细的描述下，也可以截图一起说明下。
代码中的其他问题如下：
1、如下，type的属性值需要添加引号。
2、如下，下面的空白，要比上面的多，这是因为大盒子的高度设置的有点大。
建议：可以去掉盒子的高度，直接由内容撑开即可，例：
3、大盒子的宽度稍微有一点大，一个小盒子占据的总宽度是272px（包括左右的内容边距与边框），一行三个，272*3 = 816px，所以大盒子的宽度可以设置为816px，例：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
