`<img>` 的 TailwindCSS 辅助类

TailwindCSS 提供了若干辅助类，用于处理 <img> 标签。以下是一些最常用的辅助类：

• object-contain: 此类将图像设置为在保持纵横比的同时适应其容器。它将根据需要缩小或扩展图像以确保其适应容器。
• object-cover: 此类将图像设置为覆盖整个容器，同时保持其纵横比。它将根据需要裁剪或缩小图像以确保其覆盖容器。
• object-fill: 此类将图像设置为填充整个容器，而不保持其纵横比。这可能导致图像被拉伸或压缩以适应容器。
• object-none: 此类将图像设置为其自然尺寸，不进行任何调整或裁剪。
• object-center: 此类将图像水平和垂直居中于其容器内。
• object-left: 此类将图像对齐到其容器的左侧。
• object-right: 此类将图像对齐到其容器的右侧。
• object-top: 此类将图像对齐到其容器的顶部。
• object-bottom: 此类将图像对齐到其容器的底部。

这些类可以与其他 TailwindCSS 类结合使用，以进一步设置图像样式，例如设置特定宽度或高度、添加边框或阴影或调整不透明度。