Struts 错误/消息带有 div,而不是 span

发布于 2024-07-13 03:24:45 字数 1082 浏览 4 评论 0原文

我们使用 ActionSupport.addActionError(...)addActionMessage(...) 添加 Struts 错误和消息,然后使用

当这些标签输出消息时,它们以以下形式输出:

  • msg

如您所见,您可以指定 css 类(在本例中为“x”)来应用格式设置。 问题是我们想要应用 margin-topmargin-bottom css 属性,并且您不能将这些属性(我收集)与 一起使用; 元素 - 仅与

元素一起使用。

那么,是否可以使用

而不是 让这些 Struts 标记输出错误/消息?

谢谢。


更新:

根据下面的答案/解决方法,我只是将 struts 标签包含在 div 中:

<div class="error-status">
  <s:actionerror cssClass="error"/>
  <s:actionmessage cssClass="status" />
</div>

错误状态 CSS 类设置 LI 上的属性:

.error-status LI { MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: block; }
.error { COLOR: red }
.status { color: #0066CC }

We add Struts errors and messages using ActionSupport.addActionError(...) and addActionMessage(...) and then output the results using <actionerror class="x"/> and <actionmessage class="x"/>.

When these tags output the messages they output in the form: <ul><li><span class="x">msg</span></li></ul>

As you can see you can specify the css class (in this example 'x') to apply formatting. Problem is that we want to apply the margin-top and margin-bottom css properties and you can't use these properties (I gather) with <span> elements - only with <div> elements.

So is there anyway you can get these Struts tags to output error/message using a <div> instead of a <span>?

Thanks.


Update:

As per the answer/workaround below, I just enclosed the struts tag within a div:

<div class="error-status">
  <s:actionerror cssClass="error"/>
  <s:actionmessage cssClass="status" />
</div>

The error-status CSS class set the properties on the LI:

.error-status LI { MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: block; }
.error { COLOR: red }
.status { color: #0066CC }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

蒗幽 2024-07-20 03:24:45

如果您还应用了 display:block,则可以将边距应用于跨度。

但最佳解决方案是对 li 元素应用边距。

You can apply margin to spans if you also apply display:block.

But the optimal solution is to apply margin to the li elements.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文