我这代码如何修改更好呢,感觉显示位置不居中
来源:4-12 编程练习
慕斯卡6571126
2020-03-23 00:37:32
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
#div0{
padding:5px 5px 5px 5px;
}
.div1{
margin:10px 10px 10px 10px;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="div0">
<div class="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
<label>欢迎来到慕课网学习新知识!</label>
</div>
<div class="div1">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
<label>欢迎来到慕课网学习新知识!</label>
</div>
<div class="div1">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>
<label>欢迎来到慕课网学习新知识!</label>
</div>
<div class="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
<label>欢迎来到慕课网学习新知识!</label>
</div>
<div class="div1">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
<label>欢迎来到慕课网学习新知识!</label>
</div>
<div class="div1">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>
<label>欢迎来到慕课网学习新知识!</label>
</div>
</div>
</body>
</html>
1回答
好帮手慕小尤
2020-03-23
同学你好,1. 同学未实现两行3列的排布,建议一下为div0设置宽度与高度、边框。如下所示:

2. 建议同学为div1设置边框。修改后代码如下所示:

3. 同学描述的居中,是否是想让整体居中显示。如果是,则同学可以使用外边距实现。修改后代码如下所示:

如果不是,建议同学重新描述一下,方便老师定位问题。
如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
相似问题