如何增加<p:panel>邊框高度（不是寬度）

Question

我想增加<p:panel>高度的大小，但不是寬度。下面的代碼增加了高度和寬度。

<p:panel id="pnlPrev" style="width: 85%; border:1;">

我試着用下面的代碼，但它的犯規工作

> <p:panel id="pnlPrev" style="height: 85%; border:1;">  
> <p:panel id="pnlPrev" style="height: 85%; width: 85%; border:1;"> 

均未working.Please誰能幫助我提高面板的高度尺寸

Answer 1

有這裏有點相關的帖子：p:panel how to change border properties。我無法呈現php代碼，因此我用CSS創建了一個html示例。確保添加類，然後完全控制p：面板的外觀。設置一個寬度，然後設置一個不是基於寬度的高度，就像我選擇的最小高度。

您的網格系統將控制盒子的寬度以使其響應，因此當您將組件放入該網格系統時，請取出50％寬的聲明。

.myPanelContent.ui-panel 
 
{ 
 
    
 
    border: 1px solid red; 
 
    padding: 2em; 
 
    width: 50%; 
 
    min-height: 200px; 
 
}

<p class="myPanelContent ui-panel">THING</p>

Answer 2

它更改爲一個inline-block以限定高度自己

<p:panel id="pnlPrev" style="height: 85%; border:1; display: inline-block;">