老师麻烦检查下

来源:4-12 编程练习

小老哥丶

2020-01-08 12:41:11

<!DOCTYPE html>
<html>
<head>
    <title>4-11 编程练习</title>
    <style type="text/css">
       #div1{
           width:790px;
          padding:10px;
           border:1px;
           border-style:dashed;
           border-color:#dddddd;
           float:left;
       }
       .Div1{
         margin:10px;
         border:1px;
         line-height:0px;
         border-style:solid;
         border-color:#dddddd;
         float:left;
       }
       p{
           margin:15px 0px 15px 5px;
       }
    </style>
</head>
<body>
  <div id="div1">
      <div class="Div1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><lable><p>欢迎来到慕课网学习新知识!</p></lable>
      </div>
      <div class="Div1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><lable><p>欢迎来到慕课网学习新知识!</p></lable></div>
      <div class="Div1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><lable><p>欢迎来到慕课网学习新知识!</p></lable></div>
      <div class="Div1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><lable><p>欢迎来到慕课网学习新知识!</p></lable></div>
       <div class="Div1"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><lable><p>欢迎来到慕课网学习新知识!</p></lable></div>
      <div class="Div1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><lable><p>欢迎来到慕课网学习新知识!</p></lable></div>
  </div>
</body>
</html>

另外,以后在排列这种内容的时候应该怎样才能让最外面的容器,找到适合的长度呢,不用一直试

写回答

1回答

好帮手慕小班

2020-01-08

同学你好,运行贴出代码,完成的不错,继续加油,在以后排列计算中,同学可以根据每个div的width得到大概的3个div的宽度,通过这样的方式计算。

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

0

0 学习 · 9666 问题

查看课程