下一个图像不采用类属性

html5 • • 问答

我正在使用 Next.js 并next/image显示图像，但 CSS 在其中不起作用。该图像采用 SVG 格式，我已将其放在公共文件夹中。我正在使用 Tailwind CSS。

<Image
  className="mt-3"
 
  src="/CloseIcon.svg"
  alt="Close Nav Bar"
  height="24"
  width="24"
/>

我不确定为什么它不起作用并且它没有反映在浏览器中。任何帮助将不胜感激！

回答

以next/image这种方式设置组件样式目前不起作用（请参阅https://github.com/vercel/next.js/issues/18585）。

作为一种解决方法，您可以添加一个包装元素并对其应用样式。

<div className="mt-3">
    <Image
       
        src="/CloseIcon.svg"
        alt="Close Nav Bar"
        height="24"
        width="24"
    />
</div>

以上是下一个图像不采用类属性的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>