跳到主要内容

CSS 可替换元素

阐述​

可替换元素的视觉表现内容是不由 CSS 控制的，而是由它本身的内容控制。它们包括：

它们一般会有一个原生大小，默认情况下会以该大小显示。

  • 如果指定了一方面的大小，另一方面会随之改变
  • 如果指定了两方面的大小，则会发生伸缩；这个行为可以被 object-fit 和 object-position 改变：
    • object-fit: fill, contain, cover, none
    • object-position: xx% xx% | kw kw
  • 可以用 aspect-ratio 在保证宽高比的情况下缩放

实例​

性质​

相关内容​

参考文献​