我正在使用 jsf2.2 primefaces 6.0，并且我已经实现了一个带有咆哮声的登录界面来显示身份验证失败。现在的问题是，我想在网页中央而不是右上角显示咆哮，以获得更好的人体工程学效果。
\n\nxhtml代码：
\n\n<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n<ui:composition xmlns="http://www.w3.org/1999/xhtml"\n xmlns:h="http://xmlns.jcp.org/jsf/html"\n xmlns:f="http://xmlns.jcp.org/jsf/core"\n xmlns:ui="http://xmlns.jcp.org/jsf/facelets"\n xmlns:jsf="http://xmlns.jcp.org/jsf"\n xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"\n xmlns:p="http://primefaces.org/ui"\n template="/facelets/templateLogin.xhtml">\n <ui:define name="pageTitle">Please login ...</ui:define>\n <ui:define name="content">\n\n\n <div id="login-box" class="login-box visible widget-box no-border">\n <div class="widget-body">\n\n <div class="widget-main">\n\n <h4 class="header blue lighter bigger">\n\n\n\n\n <i class="fa fa-sign-in"></i> Entrer vos informations\n </h4>\n\n <div class="space-6"></div>\n\n <div class="space-6"></div>\n <div class="space-6"></div>\n\n <h:form id="loginFormId">\n <h:panelGrid id="grid" cellpadding="5">\n <p:growl id="growl" showDetail="true" sticky="true" />\n\n <fieldset>\n <label class="block clearfix"> <span\n class="block input-icon input-icon-right" > <p:inputText title="Entrer votre matricule"\n …