我有一个带显示的简单 div:inline-block; 和一个环绕它的中心。它出现在内容底部的一个像素。你知道为什么以及如何摆脱它吗?
这是要检查的问题:http: //jsfiddle.net/8S8aH/
HTML:
<div class="wrap">
<div id="content"></div>
</div>
CSS:
body{
margin:0;
}
.wrap {
text-align: center;
background:red;
}
#content {
margin:0px auto;
text-align:left;
width:250px; height:100px;
display: inline-block;
background:whiteSmoke;
}