请问老师，怎么把这个里面的内容居中显示啊？
来源：4-11 编程练习
加1s的阿呱
2020-06-11 18:40:01
<html>
<head>
<!-- 此处编写样式 -->
<style>
img{
/*vertical-align:bottom;*/
}
#div1{
border:dashed;
float:left;
}
#div2{
float:left;
border:solid;
margin:10px 10px 10px 10px;
/*padding:10px;*/
/*box-sizing:border-box;*/
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="div1">
<div id="div2"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br><lable>欢迎来到慕课网学习知识!</lable>
</div>
<div id="div2"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
<lable>欢迎来到慕课网学习知识！</lable>
</div>
<div id="div2"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br><lable>欢迎来到慕课网学习知识！</lable>
</div>
<div id="div2"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br><lable>欢迎来到慕课网学习知识！</lable>
</div>
<div id="div2"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
<lable>欢迎来到慕课网学习知识！</lable>
</div >
<div id="div2"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>
<lable>欢迎来到慕课网学习知识！</lable>
</div>
</div>
</body>
</html>
我尝试在#div1的属性中添加vertical-align:middle;这个属性好像没啥用
1回答
-
同学你好，1. 未实现两行三列，建议同学为 #div1设置固定宽度与高度。
2. 关于居中同学可使用外边距，使其居中。修改后代码如下所示：
3. vertical-align 属性设置行内元素的垂直对齐方式，而div是块级元素，所以没有生效。
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题
回答 2