为什么全屏后图片没有居中、而是向左对齐 是那段代码输错了吗，求各位大佬讲解一下
来源：15-1 水平居中设置-行内元素
qq_柠诺_ityAM4
2019-06-12 11:02
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>定宽块状元素水平居中</title>
<style>
div{
border:1px solid red;
margin:20px;
}
.txtCenter{
text-align:center;
}
div.imgcenter{
text-align:center;
}
</style>
</head>
<body>
<div class="txtCenter">我想要在父容器中水平居中显示。</div>
<!--下面是任务部分-->
<div class="imgCenter"><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" /></div>
</body>
</html>
写回答
关注
2回答
-
- _漫漫前端路
- 2019-06-12 13:39:19
你设置样式的名字写错了，是div.imgCenter
-
- 白墨钰
- 2019-06-12 12:31:15
div.imgcenter{
text-align:center;
}
这一段，那个div可以去掉，不去掉也行，那个center首字母c要大写，<div class="imgCenter">这是你的命名，c大写了
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1223026 学习 · 18212 问题
相似问题