两个按钮之间的空间

Question

我想在我的VF页面中添加这两个按钮之间的间距。

<a href="{!$Site.prefix}/apex/PD_TopNonMgrReport" class="button gold pull-right">{!$Label.PD_YourDash_TopNonMgr_ViewTop100}</a>

<a href="{!$Site.prefix}/apex/PD_Top20NonMgrReport" class="button gold pull-right">{!$Label.PD_YouDash_TopNonMgr_ViewTop20}</a>

目前输出显示此

Answer 1

由于您使用的是HTML元素，因此您可以使用CSS来实现这一目标，这也适用于<apex:SomeElement>

只需使用style="left:xx;position:relative;"，其中xx是您要添加的px/dp的数量。

您可以将其内联使用或将其添加到样式部分

<a href="{!$Site.prefix}/apex/PD_TopNonMgrReport" style="left:0px;position:relative;" class="button gold pull-right">{!$Label.PD_YourDash_TopNonMgr_ViewTop100}</a>

<a href="{!$Site.prefix}/apex/PD_Top20NonMgrReport" style="left:20px;position:relative;" class="button gold pull-right">{!$Label.PD_YouDash_TopNonMgr_ViewTop20}</a>