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

【问题标题】：ASP.Net vertical spacing on a ValidationSummary controlValidationSummary 控件上的 ASP.Net 垂直间距
【发布时间】：2012-02-02 16:39:26
【问题描述】：

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

我发现它们之间的距离有点近。

谢谢

【问题讨论】：

标签： asp.net spacing validationsummary

【解决方案1】：

如上（IrishChieftain）但针对生成的 li 节点？

<asp:ValidationSummary CssClass="valSummary"

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

如果你想让 ValidationSummary 的显示模式为“列表”，那么你几乎没有机会设置它的样式，因为生成的 html 只是带有中断的文本

例如

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

但是，您可以将 DisplayMode 设置为 BulletList 并使用 CSS 隐藏项目符号点，这将为您提供相同的效果

例如

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

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

我认为你追求的是什么。

【讨论】：

嗨，我已经这样做了，但什么也没做。我是否错过了一些非常明显的东西。我的样式表再次如下： .valSummary li { padding-bottom: 1320px;我的 ASP 块是：
No 看起来不错。有可以发的网址吗？
不，抱歉，我现在没有。还有什么我可以提供的吗？
我还能提供什么吗？（抱歉打错了！）
好吧，如果你看看snipt.org/zgloj0，你可以看到我有三个验证器和一个在验证摘要上的样式，还有一个在顶部的样式。如果你把它放到一个普通的 asp.net 页面中，它就会起作用

【解决方案2】：

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

.valSummary
{
    padding-bottom: 10px;
}

【讨论】：

填充可能会更好，以防单个错误消息换行
您好，感谢您的回复，但这并没有什么不同。
对不起，忽略上面的评论。真正的人：嗨，谢谢你的回复，但这没有什么区别。我已经粘贴了我在下面使用的代码：当我查看 ValidationSummary设计模式的额外间距已添加到错误下方的底部。我希望在错误之间出现间距。谢谢。