问答详情
源自：15-1 水平居中设置-行内元素

为什么全屏后图片没有居中、而是向左对齐 是那段代码输错了吗，求各位大佬讲解一下

<!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>


提问者：qq_柠诺_ityAM4 2019-06-12 11:02

个回答

  • _漫漫前端路
    2019-06-12 13:39:19

    你设置样式的名字写错了，是div.imgCenter

    1
  • 白墨钰
    2019-06-12 12:31:15

    div.imgcenter{

        text-align:center;

    }

    这一段，那个div可以去掉，不去掉也行，那个center首字母c要大写，<div class="imgCenter">这是你的命名，c大写了


    3