元素TD沒有明確關閉

Question

我有下面的代碼，有時我的網頁不能正確渲染：

<div id="logout" style="text-align:right;"> 
     <h:panelGrid columns="2"> 
      <h3> 
       <h:outputText value="Hello #{myBean.usr.name} #{myBean.usr.surname}" style="color:black;"/> 
      </h3> 
      <p:commandLink action="#{myBean.quit}" immediate="true"> 
       <h:outputText value="Quit"/> 
      </p:commandLink> 
     </h:panelGrid> 
</div> 

我有一個警告：

WARNING: HTML nesting warning on closing h3: element td rendered by component : [...] not explicitly closed

我知道這只是一個警告，但我想解決這個問題，以確保這不是不良顯示的原因。

Answer 1

您可以使用CSS類刪除<h3>標記並設置<h:outputText>的樣式。或者嘗試附上<h:panelGroup>中的部分。

<h:panelGrid columns="2"> 
    <h:panelGroup> 
     <h3> 
      <h:outputText value="Hello #{myBean.usr.name} #{myBean.usr.surname}" /> 
     </h3> 
    </h:panelGroup> 

    <p:commandLink action="#{myBean.quit}" immediate="true"> 
     <h:outputText value="Quit"/> 
    </p:commandLink> 

</h:panelGrid> 

Laying Out Components with the h:panelGrid and h:panelGroup Tags