Jsp 分离网页内容,使其中一个不影响另一个

Jsp 分离网页内容,使其中一个不影响另一个,jsp,html,Jsp,Html,这是一个有点愚蠢的问题,但我找不到解决办法。因此,我有一个带有标记的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/im

这是一个有点愚蠢的问题,但我找不到解决办法。因此,我有一个带有
标记的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}
正如您所看到的,没有太多的格式设置。我的问题是,如果页面上打印了
${message}
,则页面上方的全部内容(包含记录的html表格)将扩展到
${message}
的宽度,如下所示:

通常情况下是这样的:

我不想我的桌子扩大。有谁能帮我格式化数据,让它不会发生?多谢各位

我尝试使用
标记来分隔内容,但没有成功。

尝试:

</form:form>

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

${message}

基本上把信息放在表单之外。我猜表是根据容器盒扩展的。如果没有,请尝试设置表的大小。

表单外部的消息与表单中的消息工作原理完全相同,但外部的
不会影响表,但会与标题混淆。jsp content@beautifulcoderSetting table width worked:
style=“width:200px;”“
而不是
style=“width:100%;”
。这算不算我自己的答案,还是我应该接受你的答案,我不确定……我不喜欢这个解决方案。如果表格单元格的内容太长,就会换行,看起来很难看。@just_a_girl,您可以尝试设置
width:auto
我相信这会根据内容呈现表格宽度。