salesforce - 如何在 Visualforce 中设置两个 pageblock-Elements 并行？

Question

我想设置两个与 Visualforce 平行的页面块元素。我怎样才能做到这一点？

<apex:page>

<apex:pageblock title="titleA" id="blockA">

</apex:pageblock>

<apex:pageblock title="titleB" id="blockB">

</apex:pageblock>

</apex:page>

谢谢

Answer 1

这真的是一个 CSS 问题，我会说，关于浮动 div 彼此相邻，使用 CSS 进行页面布局等。它被问过很多次了。将它们包装成一个<apex:outputPanel>，玩 float:right 等，你应该很高兴。

如果您想要一个纯 Visualforce 解决方案并且对 CSS 不满意，您可以将它们呈现为表格。不过，关于如何不将表格用于布局，存在整个哲学辩论；）

<apex:panelGrid>在这种情况下应该是最简单的使用。

<apex:page>
    <apex:panelGrid columns="2">
        <apex:pageblock title="titleA" id="blockA">
        </apex:pageblock>
        <apex:pageblock title="titleB" id="blockB">
        </apex:pageblock>
    </apex:panelGrid>
</apex:page>