3-2编程这样写可以吗？有哪里需要改进的吗？
来源：3-2 编程练习
qq_孤月凡尘_0
2017-07-20 15:35:10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
*{
margin:0;
padding:0;
}
.main{
width:792px;
height:auto;
border:1px dashed #DDDDDD;
overflow:hidden;
margin:0 auto;
padding:5px;
}
.child{
float:left;
margin:10px;
border:1px solid #DDDDDD;
}
span{
padding-left:5px;
}
</style>
</head>
<body>
<div class="main">
<div class="child"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="图片1"/><br/><span>欢迎来到慕课网学习新知识!</span></div>
<div class="child"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt="图片2"/><br/><span>欢迎来到慕课网学习新知识!</span></div>
<div class="child"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt="图片3"/><br/><span>欢迎来到慕课网学习新知识!</span></div>
<div class="child"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="图片1"/><br/><span>欢迎来到慕课网学习新知识!</span></div>
<div class="child"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" alt="图片2"/><br/><span>欢迎来到慕课网学习新知识!</span></div>
<div class="child"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" alt="图片3"/><br/><span>欢迎来到慕课网学习新知识!</span></div>
</div>
</body>
</html>写回答
1回答
-
你好，实现效果很好。大盒子的宽度还有点误差：大盒子宽度应 = 三个小盒子的宽度 + 三个小盒子的左右内边距 + 三个小盒子的左右边框 = 240*3 + 20*3 +2*3 = 786。所以大盒子的宽度可以设置为786px。祝学习愉快！
0h017-07-21
相似问题
3-2编程这样写可以么
回答 1
3-2编程练习 帮忙看看哪里还需改进
回答 1