如何使面板网格内的页面块标题跨越页面块的整个宽度？

【问题标题】：How do I make a pageblock title inside of a panelgrid span the full width of the pageblock?如何使面板网格内的页面块标题跨越页面块的整个宽度？
【发布时间】：2012-02-15 02:22:45
【问题描述】：

我在一个<apex:panelgrid> 中有多个<apex:pageblock>。 <apex:pageblock>s 的标题过早换行，我不知道为什么。这是它的外观示例。

我看不出标题不应该跨越<apex:pageblock> 的整个宽度的任何原因。还有谁？我也愿意通过黑客来解决这个问题。

【问题讨论】：

标签： salesforce apex-code visualforce force.com

【解决方案1】：

Salesforce 将标题包装在 <td> 中，并将其宽度设置为 30%。你可以用一些像

这样的 CSS 来覆盖它

td.pbTitle {
    width: 60%;
}

【讨论】：

优秀。这完成了工作。 .bPageBlock .pbTitle { 宽度：80%； }
我明白为什么标准风格会像现在这样。 pageblockbuttons 在下一个中，如果你为所有的 pageblocks（包括那些有按钮的）设置了 .pbtitles 的宽度，那些有按钮的人会把按钮推到右边太远。
您可以使用 CSS 选择器来定位特定的页面块。在我的例子中，它是#j_id0\:j_id1\:myPageBlock td.pbTitle
我用<apex:outputpanel styleClass="noButtonPageBlock"> 包装没有页面按钮的页面块，其中noButtonPageBlock 样式<td>s 为width: 80%。谢谢你的想法。

【解决方案2】：

我会放弃标准的 title="title text" 并使用具有最小宽度样式的相同字体/大小/粗体文本，以防止它过早换行。

【讨论】：