我想将一个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;
我知道这个片段没有显示任何内容,但我认为这是因为Primefaces标签。
所以我的问题是。如何将此按钮置于div中?
答案 0 :(得分:1)
.addCustomerIcon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}