“object-fit: contains”在 PrimeNg p-image 中不起作用

问题描述 投票:0回答:1

CSS“object-fit: contains”在 PrimeNg p-image 组件中不起作用。

<p-image [src]="image" alt="Image" appendTo="body" height="550vw" width="100%" style="object-fit: contain"></p-image>

有什么我错过的吗?也用不同的方式尝试了相同的结果:

[style]="{ objectFit: 'contain' }"
css image primeng
1个回答
0
投票

您是否尝试过

imageStyle
,它作为文档中实际图像样式的选项给出 - PrimeNg Image Api Tab

    <div class="card flex justify-content-center">
    <p-image
        [src]="'https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg'"
        alt="Image"
        appendTo="body"
        height="550vw"
        width="100%"
        [imageStyle]="{objectFit: 'contain'}"
    ></p-image>
    </div>
© www.soinside.com 2019 - 2024. All rights reserved.