html - div 在值为空时填充空间

Question

我有以下代码:

<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，表格的整个右侧部分将向上移动。如果没有值(value)，有没有办法在那里留下一个空白空间。

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

Answer 1

是的，你可以输入

  

对于值为 null 或空字符串的情况，例如:

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

nbsp 代表“不间断空格”，广泛用于 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，那里仍然有 nbsp => 表格不会折叠。