为什么H3和DIV之间有空格

时间:2014-07-16 18:34:45

标签: c# html css asp.net listbox

我在ASP.net中有以下代码,显示标题和ListBox

<div id="divEntMain">
    <div class="clsEntMain">
        <h3>Entities</h3>
        <div class="clsLBHolder">
            <asp:ListBox ID="lbEnt" ClientIDMode="Static" runat="server"></asp:ListBox>
        </div>
    </div>
</div>

CSS定义外观:

.clsEntMain h3
{
    background: #F06600;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.7);
    border-radius: 10px 10px 0 0;
    padding: 13px 20px;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
}
#divEntMain
{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}
#lbEnt
{
    width: 100%;
    height: 140px;
    margin: 0;
    padding: 0;
}

这是输出:

enter image description here

如果我修改为此ListBox向上移动了一点点,但我不想,因为间距可能会根据屏幕分辨率而改变。:

<div style="margin-top: -5px;" class="clsLBHolder">

为什么橙色H3ListBox之间有空格?

1 个答案:

答案 0 :(得分:1)

h3的默认保证金为:

margin-before: 1em;
margin-after: 1em;
margin-start: 0;
margin-end: 0;

要覆盖此内容,您可以

h3{
   margin: 0;
}

有关html元素默认属性的详细信息,请访问:http://www.w3.org/TR/html-markup/h3.html