【问题标题】:JSTL: I want to generate white spacesJSTL:我想生成空格
【发布时间】:2014-06-10 18:12:42
【问题描述】:

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

我有两行这样的:

 AAAAAAAAAAAAAAAA  element one
 element two

如果“AAAAAAAAAAAAAAAA”(变量)有一个值,我想将“元素二”与“元素一”对齐(之前有 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}'/>

我尝试插入许多 &nbsp,但即使“if”为假,它们也会被插入。我尝试使用 div 和 p 但没有成功,我尝试使用许多“&nbsp”来评估 JSTL 变量,但显然它们在转换为 html 时会被修剪。 有人可以帮我在那边放一些空间吗? :( 非常感谢:)

【问题讨论】:

    标签: html jsp jstl spaces


    【解决方案1】:

    使用${" "} 拥有真实空间,而不是&amp;nbsp;

    【讨论】:

      【解决方案2】:

      您需要更改&lt;c:if&gt; 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>
      

      【讨论】:

      • 我需要更多的声望来支持你(我会在有能力的时候这样做:))。太感谢了!我完全忽略了“非空”部分,所以我认为问题出在其他问题上。现在它正在工作。甚至感谢您提供餐桌小费部分,祝您有美好的一天:)
      • @Pipkin 没有问题,很高兴为您提供帮助 :)
      【解决方案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>
      

      【讨论】:

      • 是的,我可以将“if”与 div 结合起来以对齐元素。非常感谢!!! :)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-30
      相关资源
      最近更新 更多