css样式问题-慕课网

css样式问题

来源：15-1 水平居中设置-行内元素

qq_丨银丨_0

2016-09-22 15:43

<style>
div{
    border:1px solid red;
    margin:20px;
}
.txtCenter{
    text-align:center;
}
.imgCenter{
    text-align:center;
}
</style>
</head>

<body>
<div class="txtCenter">我想要在父容器中水平居中显示。</div>

<!--下面是任务部分-->

<div class="imgCenter"><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" /></div>
中间空出来的部分是多少，是20px，还是40px？为什么？

写回答关注