wie zu erhöhen <p:panel> Rahmenhöhe (nicht Breite)

Ich möchte die Größe der <p:panel> Höhe erhöhen, aber nicht Breite. Unter Code erhöht sich sowohl die Höhe als auch die Breite.wie zu erhöhen <p:panel> Rahmenhöhe (nicht Breite)

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

Ich habe versucht, mit dem Code unten, aber seine doesnt Arbeit

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

beide nicht mir jemand helfen working.Please Größe von Plattenhöhe zu erhöhen

Quelle

2017-02-15 teja

[Dies kann nützlich sein] (http://stackoverflow.com/a/5658062/7053420) –

Danke :) seine einige wie funktioniert – teja

Es gibt ein etwas verwandter Beitrag hier: p:panel how to change border properties. Ich kann den PHP-Code nicht so darstellen, dass ich ein HTML-Beispiel mit CSS gemacht habe. Stellen Sie sicher, dass Sie Klassen hinzufügen, und Sie haben dann die vollständige Kontrolle über das Erscheinungsbild des p: -Speichers. Legen Sie eine Breite fest, und legen Sie eine Höhe fest, die nicht auf der Breite wie der gewählten Mindesthöhe basiert.

Ihr Rastersystem steuert, wie breit die Box ist, um es reaktionsfähig zu machen, also nehmen Sie meine 50% breite Deklaration heraus, wenn Sie Ihre Komponente innerhalb dieses Rastersystems platzieren.

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

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

Quelle

2017-02-15 12:30:35

das wird als externe CSS arbeiten, aber aufgrund einiger Einschränkungen, die ich nicht verwenden möchte externe CSS. Ich muss Eigenschaften nur in Inline setzen. – teja

Das ist in Ordnung, dann inline alle Stile auf dem Element: style "Rahmen: 1px solid rot; Auffüllen: 2em; Breite: 50%; min-Höhe: 200px;" –

Danke Flick.finally seine Arbeit mit Padding: 2em; . bevor ich mit padding versuchte: 2px. Ich kenne den Unterschied zwischen em und px nicht. aber es funktioniert jetzt. :) – teja

Ändern es zu einer inline-block die Höhe definieren sich

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

Quelle

2017-02-15 12:32:22 Digedu

Dieser funktioniert auch nicht :( – teja

Selbst wenn ich einen px-Wert für die Höhe festlege? – Digedu

Wenn ich den px-Wert angegeben habe, dann ist der gesamte Rahmen in Konflikt. Ich meine, wenn ich das Höhenattribut mit einer beliebigen Zahl mit px ändere, es ändert sich nicht – teja

wie zu erhöhen <p:panel> Rahmenhöhe (nicht Breite)

Antwort

Verwandte Themen