Question

我在我的Angular 2应用程序中使用了PrimeNG Beta 17。在我的模板中，我想在面板旁放置一个列表框，而列表框应显示在面板左侧。

<p-listbox [options]="modelTypes" [(ngModel)]="selectedModelType"
           [style]="{'width':'150px','max-height':'150px'}"></p-listbox>
<p-panel header="Model description" [toggleable]="true" [collapsed]="true" >
          Lorem ipsum dolor sit 
</p-panel>

知道怎么做到这一点？我知道＆＃34;浮动＆＃34; CSS中的技术，但我想知道PrimeNG中是否有任何内置支持来简化布局。

Answer 1

要实现这个目标，请尝试使用Grid。所以你只需要做这样的事情：

<div class="ui-g-12 ui-g-nopad">
            <div class="ui-g-6 ui-g-nopad">
                Content1
            </div>
            <div class="ui-g-6 ui-g-nopad">
                Content2
            </div>
        </div>

http://www.primefaces.org/primeng/#/grid

PrimeNG：将列表框和面板彼此对齐

1 个答案: