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

我想增加<p:panel>高度的大小，但不是宽度。下面的代码增加了高度和宽度。如何增加<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谁能帮助我提高面板的高度尺寸

2017-02-15 teja

[这可能是有用]（http://stackoverflow.com/a/5658062/7053420） –

谢谢:)其一些如何工作 – teja

有这里有点相关的帖子：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>

2017-02-15 12:30:35

这将作为外部CSS，但由于一些限制，我不想使用外部的CSS。我只需要将属性放在内联中。 – teja

这很好，然后只是内联元素上的所有样式：style“border：1px solid red; padding：2em; width：50％; min-height：200px;” –

感谢Flick.finally其工作使用填充：2em; 。之前我尝试使用填充：2px。我不知道他们和px之间的区别。然而它现在工作。 :) – teja

它更改为一个inline-block以限定高度自己

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

2017-02-15 12:32:22 Digedu

这一个也不起作用:( – teja

即使定义高度px值？ – Digedu

如果我给px值，那么整个边界冲突。我的意思是如果我改变高度属性与任何数字与px，它不改变 – teja

回答