如何将一个commandLink置于循环Div中?

时间:2017-02-15 14:16:42

标签: html css primefaces

我想将一个primefaces Commandlink元素置于一个圆形div中,但它不会工作。

这就是我现在所拥有的。



.createButton {

    background-color: #ffffff;
    border-color: #2C3449;
    border-width: 3px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    position: relative;
    left: 95%;
    top: 22px;
}
.addCustomerIcon{
    z-index:1;
    position:relative;
    top:0;
    left:0;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100%;
}

<html xmlns:p="http://primefaces.org/ui">
<div class="createButton">
  <p:commandLink update=":editForm" onsuccess="PF('createCustomer').show();" process="@this" actionListener="#{customerController.initialize()}">

    <i class="fa fa-plus fa-2x addCustomerIcon"></i>

  </p:commandLink>
</div>

</html>
&#13;
&#13;
&#13;

我知道这个片段没有显示任何内容,但我认为这是因为Primefaces标签。

所以我的问题是。如何将此按钮置于div中?

1 个答案:

答案 0 :(得分:1)

.addCustomerIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}