在我的 JSF-PrimeFaces 网络应用程序中,我需要将其内容水平对齐到中心。我该怎么做?
代码如下:
<p:panel id="businesses_panel" header="#{business.businessName}" styleClass="mini-panel panel-grid tr panel-grid td panel-hover panel-header-title-small">
<div align="center">
<p:panelGrid columns="1">
<div class="component-spacing-top"/>
<h:graphicImage alt="#{business.businessName}" value="#{business.logoFullPath}" class="small-panel-image" />
<div class="component-spacing-top"/>
</p:panelGrid>
</div>
</p:panel>
最佳答案
align="center"
已弃用。你应该改用 css,你试试:
<style type="text/css">
.test table{
margin-left: auto !important;
margin-right: auto !important;
}
</style>
<p:panel styleClass="test">
...
</p:panel>
另请参阅:
关于css - </p :panel> 内容的水平居中对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16432272/