Question

有点愚蠢的问题，但我找不到解决方案。所以，我有一个带有<body>标签的jsp / html页面，其中包含：

<div style="position:absolute;top:130px;"> <!-- This is mandatory because I need to include header.jsp -->
<h2>Titles</h2>

<c:url var="editImgUrl" value="/resources/img/edit.png" />
<c:url var="deleteImgUrl" value="/resources/img/delete.png" />
<c:url var="addImgUrl" value="/resources/img/add.png" />
<c:url var="titleUrl" value="/essays/main/title" />
<form:form modelAttribute="titleAttribute" method="POST" action="${titleUrl}">

 <table style="border: 1px solid; width: 100%; text-align:center">
 <thead style="background:#d3dce3">
  <tr>
   <th>Id</th>
   <th>Title</th>
   <th colspan="2"></th>
  </tr>
 </thead>
 <tbody style="background:#ccc">
 <c:forEach items="${titleList}" var="title">
  <c:url var="editUrl" value="/essays/main/title/edit?titleId=${title.titleId}" />
  <c:url var="deleteUrl" value="/essays/main/title/delete?titleId=${title.titleId}" />
  <c:url var="addUrl" value="/essays/main/title/add" />

  <c:if test="${!empty titleList}">
   <tr>
    <td><c:out value="${title.titleId}" /></td>
    <td><c:out value="${title.titleDescription}" /></td>
    <td><a href="${editUrl}"><img src="${editImgUrl}" style="border-style: none;"></img></a></td>
    <td><a href="${deleteUrl}"><img src="${deleteImgUrl}" style="border-style: none;"></img></a></td>
   </tr>
  </c:if>
  </c:forEach>
  <tr>
   <td colspan="4"><a href="${addUrl}"><img src="${addImgUrl}" style="border-style: none;"></img></a></td>
  </tr>
  </tbody>
 </table>

 <c:if test="${not empty message}">
    <div style="color: #ff0000;">${message}</div>
 </c:if>

</form:form>
</div>

如您所见，进行的格式化程度不高。我的问题是，如果在页面上打印${message}，它上面的整个内容（带记录的html表）会扩展到${message}的宽度，如下所示：

enter image description here

通常看起来像这样：

enter image description here

我不希望我的桌子扩展。任何人都可以帮助我如何格式化数据，所以它不会发生？谢谢。

我尝试使用<div>标记来分隔内容，但它不起作用。

Answer 1

尝试：

</form:form>

<c:if test="${not empty message}">
  <div style="color: #ff0000;">${message}</div>
</c:if>

基本上将消息放在表单之外。我的猜测是桌子正在扩展，基于容器盒。如果没有，请尝试在表格中设置大小。

分离网页内容，这样就不会影响另一个

1 个答案: