как увеличить <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-код, поэтому я сделал html-пример с css. Обязательно добавьте классы, а затем вы полностью контролируете внешний вид панели 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. i dont knw разница между em и 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

как увеличить <p:panel> граница высота (не ширина)

ответ

Смежные вопросы