老师 检查一下3-2的float的作业?
来源:3-2 编程练习
F2merak
2018-02-08 11:57:32
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
*{padding:0;
margin:0;
}
.big{
width:1000px;
height:auto;
border:1px solid #ccc;
margin:10px;
overflow:hidden;
zoom:1;
}
.div1{
float:left;
border:1px solid red;
margin:20px;
text-align:center;
}
/* .one{
clear:both;
}*/
img{
display:block;
margin:0 auto;
}
span{
display:block;
text-align:center;
}
</style>
</head>
<body>
<div class="big">
<div class="text">
<div class="div1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><span>欢迎来到慕课网学习!</span></div>
<div class="div1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><span>欢迎来到慕课网学习!</span></div>
<div class="div1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><span>欢迎来到慕课网学习!</span></div>
<div class="div1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><span>欢迎来到慕课网学习!</span></div>
<div class="div1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><span>欢迎来到慕课网学习!</span></div>
<div class="div1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><span>欢迎来到慕课网学习!</span></div>
<div class="one"></div>
</div>
</div>
</body>
</html>
1回答
Miss路
2018-02-08
修改两个地方会更好:

祝学习愉快!
相似问题