老师。请问如何把div0居中显示
来源:4-12 编程练习
calm__
2020-03-28 17:43:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#div0{
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
width: 770px;
position: absolute;
float: left;
outline: dashed;
outline-color: gray;
}
#div1{
margin: 5px 5px 5px 5px;
float: left;
border: solid;
border-color: gray;
}
</style>
</head>
<body>
<div id="div0">
<div id="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div1">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div1">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div1">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div1">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
</body>
</html>
1回答
同学你好,复制运行贴出代码运行效果没有问题,实现了题目要求的浮动效果,很棒呐,继续加油
请问如何把div0居中显示?
同学是要在整个页面居中显示吗?这里由于同学定义了具体宽度,所以只可以在固定范围内进行居中哦。设置如下:
margin:auto;
祝:学习愉快~
相似问题