为什么整体没有居中
来源: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、首先你设置的样式没有生效:
这是因为你在给最外层的盒子big设置类名时,写错了:
这样整体就居中了哦。
希望我的回答能够帮助到你,望采纳,祝学习愉快!
相似问题
回答 2
回答 2