Question

我有标准页面布局：标题+ 2个块（左和右）。代码如下

<h:panelGroup rendered="#{false}">
    <div id="center_header">
        <h:outputText value="#{ScholarActiveHub.selectedGroup.groupName}"/>
    </div>

    <div id="center_left">

    </div>

    <div id="center_right">
        <h:dataTable value="#{ScholarActiveHub.groupMembers}" var="item" style="margin-right: 10px;">
            <h:column>
                <h:outputText value="#{item}"/>
            </h:column>                    
        </h:dataTable>
    </div>     
</h:panelGroup>

我想一次打开和关闭这些<div>标记，因此我将它们嵌套在panelGroup中。现在它打开和关闭这些<div>好吧，但布局都搞砸了。任何解决方案？

Answer 1

这不应该发生。在您的代码示例中，<h:panelGroup>不应呈现任何内容。但如果它包含一个应该以HTML结尾的属性，例如id，那么它将呈现<span>元素。检查Webbrowser中生成的HTML输出。这一切看起来都合适吗？你的CSS是否考虑到了这一点？也许你想要它也是一个块元素？如果您将layout="block"添加到<h:panelGroup>，那么它将呈现<div>而不是<span>。这可能更符合您的要求。

panelGroup搞砸了我的布局

1 个答案: