JSF CSS panelGrid - 如何使其包含的元素都爲常量寬度

例如，現在我試圖將panelGrid添加到包含X按鈕的頁面。每個按鈕具有不同的長度，具體取決於文本與其關聯的時間長短。我希望能夠在panelGrid級別進行指定，以確保每個組件都伸展以滿足panelGrid本身的寬度 - 而不必手動設置X個按鈕的寬度。JSF CSS panelGrid - 如何使其包含的元素都爲常量寬度

它必須與columnClasses相關聯，並通過CSS設置寬度，但是我所做的嘗試不起作用。例如，我將panelGrid上的styeClass設置爲寬度爲100px的類。然後我嘗試將ColumnClass設置爲該CSS類 - 仍然沒有骰子。

的思考？

來源

2009-09-29 Russ

對於這個panelGrid ...

<h:panelGrid styleClass="panelGridClass" columns="2"> 
    <h:commandButton value="b1" /> 
    <h:commandButton value="button 2" /> 
    <h:commandButton value="button 3 is really long" /> 
    <h:commandButton value="b4" /> 
    </h:panelGrid>

你可以使用這個CSS設置按鈕等寬：

TABLE.panelGridClass { 
    width: 300px; 
} 
TABLE.panelGridClass TR TD { 
    width: 50%; 
} 
TABLE.panelGridClass TR TD INPUT { 
    width: 95%; 
}

這臺表爲300個像素寬，細胞是一半寬度的表格和按鈕佔據大部分單元格寬度。如果按鈕的自然長度超過150像素，那麼這些列的寬度可能不相等，但您可以使用溢出規則或其他方法來克服這些問題。

來源

2009-10-01 09:41:58 McDowell

JSF CSS panelGrid - 如何使其包含的元素都爲常量寬度

回答

相關問題