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

您可以删除<h3>标记，并使用CSS类设置<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

由未明确关闭的组件呈现的元素td

1 个答案: