在CSS中动态分配值

时间:2013-03-12 12:07:57

标签: css primefaces

是否可以根据上面的内容动态定位链接或文本。

例如,我有一个页面如下:

Dashboard.xhtml

<div id="innerContainer">            
<p:dataTable id = "adminDataTbl" value="#{userAdminMB.userRoles}" var="userList" selectionMode="single" selection="#{userAdminMB.selectedUser}" rowKey="#{userList.ntId}" styleClasses="order-table,table" headerClass="order-table-header" rowClasses="order-table-odd-row,order-table-even-row" >                     
    <p:column styleClass="table-data">  
        #{userList.ntId}
    </p:column>
    <p:column styleClass="table-data">  
        #{userList.roleList}
    </p:column>                 
</p:dataTable>
</div>

<div id="userLink">
    <h:commandLink action="#{userAdminMB.addUser}">
            <h:outputText value="Add a User to the Admin Tool"/>
    </h:commandLink>
</div>

styles.css的

#outerContainer{
    width: 100%;
    height: 500px; 
    top: 150px;
    border: 1px thin;
}

#innerContainer{
    width:100%;
    height:400px;
    text-align: right;
    margin-right: 9px;
    font-family: Arial;
    font-size: 16px;
    border: 1px thin;
}

#addUserLink{
    font-family: Arial;
    font-size: 16px;
    float: left;
    top: 550px;
    position: inherit;
}

.editUserLink-data{
    font-family: Arial;
    font-size: 16px;
    float: right;
    top: 175px;
}

<p:dataTable>中的数据可能因所做的数据库命中而有所不同。我需要相应地定位addUser链接。

请帮忙。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

如果我正确理解你,那么你想要做的是:

 <div sytle="textalign: right" id="firstLink">Link1</div>

 <div id="dynamicContent">
     dynamic content here
 </div>

 <div id="link2">Link2</div>

如果要在dynamicContent和link2 div之间添加相对定位,可以这样做。

使用上面的代码,链接2将低于页面上的动态内容