老师。请问如何把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回答

好帮手慕小脸

2020-03-28

同学你好,复制运行贴出代码运行效果没有问题,实现了题目要求的浮动效果,很棒呐,继续加油 

请问如何把div0居中显示?

同学是要在整个页面居中显示吗?这里由于同学定义了具体宽度,所以只可以在固定范围内进行居中哦。设置如下:

margin:auto;

祝:学习愉快~

0

0 学习 · 9666 问题

查看课程