3-2麻烦教练帮忙看一下,指出不足与错误。谢谢

3-2麻烦教练帮忙看一下,指出不足与错误。谢谢

<!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://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">

                        <p>欢迎来到慕课网</p>

                    </div>

                    <div class="li">

                        <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">

                        <p>欢迎来到慕课网</p>

                    </div>

                    <div class="li">

                        <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">

                        <p>欢迎来到慕课网</p>

                    </div>

                    <div class="li">

                        <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">

                        <p>欢迎来到慕课网</p>

                    </div>

                    <div class="li">

                        <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">

                        <p>欢迎来到慕课网</p>

                    </div>

                    <div class="li">

                        <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">

                        <p>欢迎来到慕课网</p>

                    </div>

        </div>

    </body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
樱桃小胖子 2017-11-10 09:47:59

图片的宽度*一排三个图片+(margin-left+margin-right)*一排三个图片+(图片的左边框+图片的右边框)*一排三个图片=240px*3+(10+10)*3+(1+1)*3=786px     

希望可以帮到你~

樱桃小胖子 2017-11-07 09:56:36

六张图片没有两行三列显示,建议将.lg的宽度设置成width: 786px;祝学习愉快~

  • 提问者 Nick_NewWorld #1
    你好,786是怎么计算出来的呢?
    2017-11-09 20:23:08
  • 提问者 Nick_NewWorld #2
    麻烦老师了
    2017-11-09 20:23:31
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师