gpt4 book ai didi

html - 在小分辨率下使用 PrimeNG 的 p-steps 组件

转载 作者:行者123 更新时间:2023-12-05 06:50:10 24 4
gpt4 key购买 nike

我正在尝试从 PrimeNG 中缩小 p-steps 组件为了防止在小屏幕分辨率下溢出。这是我当前的代码:

    <div class="d-flex card mb-4">
<p-steps [model]="items" [(activeIndex)]="currentWizardCard" [readonly]="false"></p-steps>
</div>

这在大屏幕上看起来不错:Link to image

但是当降低屏幕分辨率时,步骤会溢出:Link to image

我想知道是否有一种方法可以包装步骤或以不会导致溢出的方式显示它们。

最佳答案

如果您使用超过 4 个步骤,

p-steps 组件在小屏幕分辨率下无法正常工作。对于我的项目,我使用了来自 Angular Material Component 的垂直步进器 enter image description here

关于html - 在小分辨率下使用 PrimeNG 的 p-steps 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66469317/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com