删除空div中显示的内联块边距

Question

我有三个空div和一个内容div。 由于某种原因，空div包含我无法使用margin: 0;调整的边距。

为什么我会在图片中显示空div的上下边距？

＆＃13;

＆＃13;

.widget-user-p{
    text-align: center;
    vertical-align: top;
    width: 100%;
    max-width: 255px;
    min-height: 320px;
    margin: 10px;
    display: inline-block;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #F4F4F4;
    border-bottom: 3px solid #CACACA;
    transition-duration: 0.3s;
}
.widget-user-empty{
    min-height: 1px;
    border: none;
    margin: 0;
    background-color: #aeaeae;
}

＆＃13;

<div class="widget-user-p"></div>
<div class="widget-user-p widget-user-empty"></div>
<div class="widget-user-p widget-user-empty"></div>
<div class="widget-user-p widget-user-empty"></div>

＆＃13;

＆＃13;

＆＃13;

这是页面输出（注意三行之间有余量）：

Answer 1

检查下面给出的代码段。你必须删除div之间的空格。

*{margin:0;padding:0;}
div{display:inline-block}

<div></div><!--
--><div></div><!--
--><div>dasdas</div>

Answer 2

自己找到解决方案。

删除＆＃34;隐形＆＃34;可以使用父元素上的inline-block来完成font-size: 0; div的边距。

见here