如何在 Visualforce 中设置两个页面块元素并行？

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>