请老师检查
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{padding:0; margin:0;}
.content{
padding:20px;
border:1px #eee dashed;
overflow:hidden;
text-align:center;
width:786px;
margin:0 auto;
}
.a,.b,.c,.d,.e,.f{
float:left;
margin:10px;
border:1px #eee solid;
}
.d{
clear:both;
}
</style>
</head>
<body>
<div class="content">
<div class="a">
<dl>
<dt><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="b">
<dl>
<dt><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"/></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="c">
<dl>
<dt><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="d">
<dl>
<dt><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="e">
<dl>
<dt><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"/></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="f">
<dl>
<dt><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
</div>
</body>
</html>
正在回答
你好，效果中图片与图片之间的间隙和图片与边界之间的间隙不同：
可以调整一下大盒子的padding值，如下：
自己可以重新测试下，祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星