3-2麻烦教练帮忙看一下,指出不足与错误。谢谢
来源:3-2 编程练习
Nick_NewWorld
2017-11-06 19:18:50
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<style>
.li{
margin:10px;
padding:0px;
float:left;
border:1px solid #dcdcdc;
}
.lg{
width:100%;
height:400px;
text-align:center;
line-height:0px;
}
</style>
</head>
<body>
<div class="lg">
<div class="li">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网</p>
</div>
<div class="li">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网</p>
</div>
<div class="li">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网</p>
</div>
<div class="li">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网</p>
</div>
<div class="li">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网</p>
</div>
<div class="li">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网</p>
</div>
</div>
</body>
</html>
2回答
樱桃小胖子
2017-11-10
图片的宽度*一排三个图片+(margin-left+margin-right)*一排三个图片+(图片的左边框+图片的右边框)*一排三个图片=240px*3+(10+10)*3+(1+1)*3=786px
希望可以帮到你~
樱桃小胖子
2017-11-07
六张图片没有两行三列显示,建议将.lg的宽度设置成width: 786px;祝学习愉快~
相似问题