我有几个问题
来源：3-4 编程练习
宝慕林4199460
2019-04-25 19:23:26
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin: 0;padding: 0;font-family: "微软雅黑";}
.container{width:900px;border:2px gray dotted;margin:0px auto;overflow:didden;}
dl{border:1px solid gray;width: 240px;margin: 20px;}
.div1,.div2,.div3,.div4,.div5,.div6{float: left;}
</style><!-- 此处编写样式 -->
</head>
<body>
<div class="container">
<div class="div1">
<dl>
<dt><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="div2">
<dl>
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="div3">
<dl>
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="div4">
<dl>
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="div5">
<dl>
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
<div class="div6">
<dl>
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
</div> <!-- 此处写代码 -->
</body>
</html>那些要设置边框等样式，如padding，margin，border（我经常不知道是添加在哪个标签上，或者说哪个要设置）
dd标签的文字怎么居中呢
我用了overflow怎么不起作用呢
附图，我不懂的是这些，不太清楚给哪个元素设置margin等，以及为什么
写回答
1回答
-
你好同学，解答如下：
设置在哪个元素上没有什么特别的要求，不管是设置padding或者margin,能够实现间距就可以。像同学的代码，是给子元素dl设置的margin,这样虽然6个盒子直接还是紧挨着的，但是每一个盒子里面的内容有了间距，也实现了效果，没有问题的。或者直接把margin设置在父元素div上面，让盒子与盒子直接产生间距。或者给父元素设置padding实现dl与父元素div直接的间距都行哦，代码是很灵活的，没有什么特别的技巧。
文本居中设置text-align: center;即可
清除浮动不生效是因为单词不对
如下修改：
另外，最大的盒子宽度设置的有一点大，建议改一下：
祝学习愉快 ，望采纳。
0
相似问题