首页 > 解决方案 > DropDown 与边距重叠

问题描述

我对 Angular 和 Primeng 中的 DropDown 有疑问。带有“style=width:100%”的 DropDown 与所选大文本的边框重叠。then 控件的宽度大小不应取决于文本长度。

可以在https://stackblitz.com/edit/github-vur22c-cwrvzc找到一个示例

有人有解决方法吗?

在此处输入图像描述

标签: angularprimengprimeng-dropdowns

解决方案


p-dropdown 组件具有用于设置 p-dropdown 宽度的 style 属性。

尝试这个:

<h3>Test</h3>
<div style="width: 250px; height: 100px; padding: 20px; background-color: red">
  <p-dropdown [style]="{'width':'100%'}" [options]="options1" [(ngModel)]="selected1"></p-dropdown>
</div>

例子


推荐阅读