ValidationSummary控件上的ASP.Net垂直间距

时间:2012-02-02 16:39:27

标签: asp.net spacing validationsummary

在ASP.Net 4.0中,是否可以增加ValidationSummary控件上出现的错误\警告之间的垂直间距?

我发现他们只是彼此接近。

由于

2 个答案:

答案 0 :(得分:2)

如上所述(IrishChieftain)但是针对生成的li节点?

<asp:ValidationSummary CssClass="valSummary"

.valSummary li 
{
    padding-bottom: 10px;
}

如果你想让ValidationSummary的显示模式为&#39; List&#39;那么你很少有机会设计这个,因为生成的html只是带有中断的文本

e.g。

<div id="MainContent_ValidationSummary1" class="valSummary" style="">
    Following error occurs:
    <br>
    Input Country!
    <br>
    Input Region!
    <br>
</div>

但是你可以将DisplayMode设置为BulletList并使用CSS隐藏可以产生相同效果的项目符号

e.g。

<asp:ValidationSummary CssClass="valSummary" DisplayMode="BulletList" .. />

.valSummary li 
{
    padding-bottom: 10px;
    list-style-type: none; /* Or can just use list-style: none; */
}

我认为你追求的是什么。

答案 1 :(得分:1)

只需在CSS中添加一些填充并将标记中的CSS类应用到控件中。

.valSummary
{
    padding-bottom: 10px;
}