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' }"
您是否尝试过
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>