如何更改primeng自动完成倍数的宽度？答案

【问题标题】：How to change the width of a primeng autocomplete multiple?如何更改primeng自动完成倍数的宽度？
【发布时间】：2021-03-02 04:48:17
【问题描述】：

我是 Angular 新手，我正在尝试更改 Primeng 自动完成组件的宽度以填充表格的列，我已经尝试过使用

style="width: 100%"

但这不起作用；我也尝试在 html 上设置它，但没有任何变化

[style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" class="p-autocomplete"

目前情况：

我没有做的：

初始版本：9.0.0

代码链接：https://stackblitz.com/edit/primeng-tablebasic-demo-p9egw5?file=src/app/app.component.html

【问题讨论】：

标签： css angular primeng

【解决方案1】：

对我来说就是这样，字体：https://github.com/primefaces/primeng/issues/1552

 <td>
    <div class="ui-fluid">
        <p-autoComplete 
           styleClass="wid100"
           [(ngModel)]="texts" 
           [suggestions]="results"
           (completeMethod)="search($event)" 
           [multiple]="true">
        </p-autoComplete>
    </div>
 </td>

【讨论】：

【解决方案2】：

我的英语很差，但你可以测试一下

<td class="p-fluid">
            <!-- <input type="text" style="width: 100%" /> -->
            <p-autoComplete [(ngModel)]="texts" [suggestions]="results" (completeMethod)="search($event)"
                [multiple]="true">
            </p-autoComplete>
</td>

希望对您有所帮助。

【讨论】：

它适用于代码 sn-p 但不适用于我的项目......也许是一些primeng版本问题，为了工作，我必须添加外部类作为我将发布的答案

【解决方案3】：

您使用哪种浏览器？从 Chrome 来看，它看起来像预期的那样 enter image description here

【讨论】：