问题与水平中心对齐的内容</p:panel>

在我的JSF PrimeFaces webapp我有，我需要水平对齐它的内容居中。我怎样才能做到这一点？问题与水平中心对齐的内容</p:panel>

下面是代码：

<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>

来源

2013-05-08 Abhishek Dhote

align="center"已被弃用。您应该使用CSS，你试试：

  <style type="text/css"> 
       .test table{ 
        margin-left: auto !important; 
        margin-right: auto !important; 
       } 
      </style> 
      <p:panel styleClass="test"> 
        ... 
      </p:panel>

参见：

来源

2013-05-08 04:30:16

没有工作..... – 2013-05-09 08:50:11

我测试过了，它工作正常，所以您应该调试客户端以获取错误。 – 2013-05-09 08:55:00

你可以试试这个：

<style type="text/css"> 
    #businesses_panel .ui-panel-content { 
     margin-left: auto !important; 
     margin-right: auto !important; 
    } 
</style>

来源

2013-05-08 09:27:45

不工作..... – 2013-05-09 08:50:41

问题与水平中心对齐的内容</p:panel>

回答

相关问题