当值为空时,div填充空格

时间:2014-10-06 03:20:58

标签: html css

我有以下代码:

<div id="case-number-value" class="overview">{!orderLine.Case_Number__c} </div>
<div id="case-name-value" class="overview">{!orderLine.Case_Title__c}</div>
<div id="event-date-value" class="overview">{!orderLineDate}</div>

它作为表的正确部分,在正常情况下工作正常。但是当某个值为空/ null时,例如orderline.case_Number__c,表的整个右侧部分将向上移动。如果没有价值,我有没有办法在那里留空空间。

请忽略{!orderLine.Case_Number__c}的语法,它只是salesforce使用变量的方式。

1 个答案:

答案 0 :(得分:3)

是的,你可以放入

 &nbsp;

表示值为null或空字符串的情况,例如:

 if(someVar === null || someVar.toString().length==0){
 someVar = '&nbsp';
 } // Thats how I'd done it with Javascript. 

代表HTML中广泛使用的“非破坏性空间”。您尚未指定编程语言,因此我无法提供完整的解决方案。检查...如果您正在寻找仅HTML解决方案,您可以执行以下操作:

<div id="case-number-value" class="overview">{!orderLine.Case_Number__c}&nbsp;</div>
<div id="case-name-value" class="overview">{!orderLine.Case_Title__c}&nbsp;</div>
<div id="event-date-value" class="overview">{!orderLineDate}&nbsp;</div>

正如你所注意到的,我在每个变量之后放入了不间断的空格,所以即使它的值为“”或为null,仍然存在=>&gt;桌子不会倒塌。