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     

希望可以帮到你~

0

樱桃小胖子

2017-11-07

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

0
hick_NewWorld
h 麻烦老师了
h017-11-09
共2条回复

0 学习 · 36712 问题

查看课程