Question

我有一个使用JSTL来管理bean值的jsp，我需要在不触及页面其余部分的情况下对齐两个元素（这不是我写的）

我有两行：

 AAAAAAAAAAAAAAAA  element one
 element two

如果“AAAAAAAAAAAAAAAAA”（变量）有一个值，我想将“元素二”与“元素一”对齐（之前有AAA，所以右边比第二个更多）

所以我想获得这个（只有当AAAA ..有值时）：

 AAAAAAAAAAAAAAAA  element one
                   element two

部分是：

<c:out value='${variableA}'/> <c:out value='${elementOne}'/>

<c:if test="${variableA != ''}">
     --I need to insert spaces here--
</c:if>
<c:out value='${elementTwo}'/>

我尝试插入很多＆amp; nbsp，但即使“if”为false，它们也会被插入。我尝试使用div和p但没有成功，我尝试使用许多“＆amp; nbsp”来定义JSTL变量，但显然它们在转换为html时会被修剪。有人可以帮我在那边放一些空间吗？ :( 非常感谢你:)）

Answer 1

使用${" "}来获得真实空间，而不是 

Answer 2

您需要更改<c:if> empty条件，如下所示

<c:out value='${variableA}'/> <c:out value='${elementOne}'/> <br>

<c:if test="${not empty variableA}">
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</c:if>
<c:out value='${elementTwo}'/>

为了更好地保持对齐以使用table标记而不是添加空格

    <table>
        <tr>
            <td> <c:out value='${variableA}'/> </td> 
            <td> <c:out value='${elementOne}'/> </td>
        </tr>

        <tr>
            <td> <c:out value='${variableB}'/> </td> 
            <td> <c:out value='${elementTwo}'/> </td>
        </tr>

     </table>

Answer 3

   <style>
        .left-div{
            float: left;
            width: 200px;
            display: block;
        }
        .main-div{
            width: 400px;
        }

    </style>


  <div class="main-div">
        <div class="left-div">AAAAAAAAAAA</div><div class="left-div">EL 1</div>

        <div class="left-div"> &nbsp; </div><div class="left-div">EL 2</div>            
  </div>

JSTL：我想生成空格

3 个答案: