1
resposta

Centralizar

Opa, estou desenvolvendo um aplicativo web, e coloquei a pagina como responsiva, só que eu queria centralizar os meus botão, fiz da seguinte maneira e não rolou.

<p:panelGrid columns="2" rendered="#{corBean.cor.codigo != null}"
                        columnClasses="ui-grid-col-6,ui-grid-col-6" layout="grid"
                        styleClass="ui-panelgrid-blank">
                        <div style="margin: 0 auto 0 auto">
                            <p:commandButton value="Editar" icon="fa fa-fw fa-edit"
                                actionListener="#{corBean.salvar}"
                                update=":formularioTabelaCor formularioInserir" />
                            <p:commandButton value="Voltar" icon="fa fa-fw fa-mail-reply"
                                onclick="PF('inserir').hide();" />
                        </div>
                    </p:panelGrid>

coloquei a div e a margin auto e nada.

1 resposta

Ola Alisson, para conseguir centralizar a div com margin: auto, você também deve setar uma width fixa para ela:

.centro {
   margin: 0 auto;
   width: 200px;
}

Se retirar o width a mesma não irá ficar centralizada.

Espero ter ajudado.