Markdown 《盖茨比》中的浮动降价意象 问题

我想有能力包装文字周围的图像在降价。我正在使用

gatsby备注图像

和

gatsby transformer备注

。下面是我的

gatsiby config.js

文件

我已经使用

gatsby remark images

的

wrapperStyle

选项设置了

float

属性。这会转换为包含图像的跨距的样式，但跨距没有宽度，因此图像不会显示在页面上

现在，如果我打开dev工具并在跨度上设置一个宽度，就会得到图像

所以，问题是，我需要一种方法来设置标记中图像的宽度，并让

gatsby remark images

将该大小转换为跨度。如果能够在标记中选择图像的浮动位置也会很好。这两件事都有可能吗

盖茨比配置 降价

#一些标题
图片应该围绕这一段，但它不是。我需要设置一个宽度
在图像上显示，以便可以显示

一些主持人删除了我的答案。我说答案是使用盖茨比评论图像属性，我链接了这些属性。他不喜欢我把它连接起来。另一个选择是制作你自己的组件。在文件中搜索您的图像，然后您可以通过您在标记文件中编写的道具直接设置gatsy image Img组件或包装器组件的样式。

module.exports = {
  plugins: [
    ...
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 500,
              wrapperStyle : `float: right; `
            },
          },
        ],
      },
    },
    ...
}

# Some Title

<img width="300" src="../../static/images/air-flow.jpg">

The image should wrap around this paragraph but it is not. I need to set a width
on the image so that it can be displayed