如何增加<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;">

两者都不起作用。请任何人帮我增加面板高度

Answer 1

这里有一个有点相关的帖子：p:panel how to change border properties。我无法呈现php代码所以我用css制作了一个html示例。确保添加类，然后您可以完全控制p：面板的外观。设置一个宽度，然后设置一个不是基于宽度的高度，就像我选择的最小高度一样。

您的网格系统将控制框的宽度以使其响应，因此当您将组件放入该网格系统时，请取出我的50％宽的声明。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

将其更改为inline-block以自行定义身高

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