Next.js NextJS图像给出了一个奇怪的定位

我正在尝试更改我的标准

这很好用

使用NextJS映像时，它无法正常工作

<div className=" mx-auto sm:w-9/12 lg:w-7/12 xl:w-8/12">
  <img
  className="object-fill rounded-md mx-auto sm:w-9/12 lg:w-full xl:w-8/12"
  src={img}
  alt="something"
/>
</div>

---

我所能看到的是，

的外部div本身占据了整个div（文本+图像）的宽度，因为

的父div显然没有宽度或高度，而它有w-7/12。

您可以尝试使用div作为图像组件样式的容器

<div className=" mx-auto sm:w-9/12 lg:w-7/12 xl:w-8/12">

 <Image
  src={img}
  layout="fill"
  objectFit="contain"
  alt="something"
  className="rounded-md mx-auto w-full"
></Image>
</div>

---

Hi，遗憾的是这没有帮助，div仍然采用文本+图像的宽度，而不是图像的宽度

<div className=" mx-auto sm:w-9/12 lg:w-7/12 xl:w-8/12">
<div  className="rounded-md mx-auto w-full">
 <Image
  src={img}
  layout="fill"
  objectFit="contain"
  alt="something"
/>
 </div>
</div>