为什么整体没有居中

来源:3-4 编程练习

精慕门0092934

2019-10-18 11:24:18

<html>

<head>

    <style>

    .big{width:800px;

          border:1px solid gray;

          margin:30px auto;

           overflow:hidden;

    }

        .div1{float:left;

            margin:10px;

            border:1px solid gray;

            width:240px;

        }

         p{

               text-align:center;

               padding-bottom:5px;

           }

        

    </style>

        

</head>

<body> 

<div class-"big">

      <div class="div1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>

      <p>欢迎来到慕课网学习知识</p></div> 

            <div class="div1">

                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>

      <p>欢迎来到慕课网学习知识</p></div> 

            <div class="div1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>

      <p>欢迎来到慕课网学习知识</p></div> 

       <div class="div1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>

      <p>欢迎来到慕课网学习知识</p></div> 

            <div class="div1">

                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>

      <p>欢迎来到慕课网学习知识</p></div> 

            <div class="div1"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>

      <p>欢迎来到慕课网学习知识</p></div> 

        </div>  

</body>

</html>


写回答

1回答

好帮手慕粉

2019-10-18

同学你好,

1、首先你设置的样式没有生效:http://img.mukewang.com/climg/5da9556209b4627515720094.jpg

这是因为你在给最外层的盒子big设置类名时,写错了:http://img.mukewang.com/climg/5da955ab09611f1107200103.jpg

这样整体就居中了哦。

希望我的回答能够帮助到你,望采纳,祝学习愉快!

0

0 学习 · 40143 问题

查看课程