html - 我怎样才能使这个复选框居中

Question

如何水平居中/对齐此复选框和文本？

    <h:panelGroup>
      <div>                  
        <h:selectBooleanCheckbox id="deactivate" title="select to deactivate" />
        <h:outputText value="${msg['deactivate/confirm']}" for="deactivate" />                                     
     </div>                 
    </h:panelGroup>

Answer 1

您只需style="width: 500px;text-align: center;"像这样申请：

<h:panelGroup layout="block" style="width: 500px;text-align: center;">               
    <h:selectBooleanCheckbox id="deactivate" title="select to deactivate" style="vertical-align: middle;" />
    <h:outputText value="${msg['deactivate/confirm']}" for="deactivate" />      
</h:panelGroup>

当然，您必须有一个宽度才能看到差异。div不需要你的，所以我删除了它。