我在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;
}
这是输出:
如果我修改为此ListBox
向上移动了一点点,但我不想,因为间距可能会根据屏幕分辨率而改变。:
<div style="margin-top: -5px;" class="clsLBHolder">
为什么橙色H3
和ListBox
之间有空格?
答案 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