p:fieldset 的图例默认居中对齐

Question

我正在使用 PrimeFaces 3.2.2 开发一个项目，我想在表单中使用

p:fieldset

。我在文档中看到图例默认向左对齐，我遇到的问题是图例与中心对齐，我尝试使用 style 属性，并且寻找解决方案，但没有找到任何帮助。

字段集位于

p:dialog

内，我以为这是问题所在，但不是。

这是字段集的定义：

<p:fieldset legend="Simple Fieldset">
  <h:panelGrid >
    <h:outputText value="The story begins as Don Vito Corleone ..." />
   </h:panelGrid>
</p:fieldset>

但图例总是这样显示：

为了更好的 UI 可见性，我想要这样的图例：

我尝试在

style

标签中搜索属性，但没有成功。我想知道标签顺序是否有问题，或者可能是我使用的版本有问题。预先感谢。

Answer 1

相当晚的解决方案，但对于任何偶然发现这一点的人来说。

我在 PrimeVue 的 Fieldset v4 上遇到了这个问题，简单但不那么明显的解决方案是我设置了

text-align: center;

位于 DOM 树的较高位置。然后我将其删除并在需要时专门设置它。

在调查时，我所关注的只是靠近

<fieldset>

元素的布局或 Flex 属性。

text-align

距离太远，一开始我没有注意到。