物件的合

物件配合屬性將定義了一個元素將如何裝配到盒與已建立的高度和寬度。通常應用於影象或視訊,Object-fit 接受以下五個值:

object-fit:fill;

StackOverflow 文件

填充會拉伸影象以適合內容框,而不考慮影象的原始寬高比。

包含

object-fit:contain;

StackOverflow 文件

包含適合框中高度或寬度的影象,同時保持影象的縱橫比。

覆蓋

object-fit:cover;

StackOverflow 文件

封面用影象填充整個框。保留影象寬高比,但將影象裁剪為框的尺寸。

沒有

object-fit:none;

StackOverflow 文件

無忽略框的大小,不調整大小。

縮小

object-fit:scale-down;

按比例縮小可以將物件調整為 nonecontain。它會顯示較小的影象尺寸。 StackOverflow 文件