Gatsby中的浮动降价图片 问题盖茨比配置降价

问题描述

问题

我希望能够在markdown中将文字环绕图像。我是gatsby-remark-images和gatsby-transformer-remark的朋友。我的gatsiby-config.js文件在下面。

我已经使用float的{​​{1}}选项设置了wrapperStyle属性。确实会将其转换为包含图像的跨度的样式，但是跨度没有宽度，因此图像不会显示在页面上。

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

因此，问题是我需要一种方法来在markdown中设置图像的宽度，并使gatsby-remark-images将该尺寸转换为跨度。能够在markdown中选择图像的浮动位置也很不错。这些事情都有可能吗？

盖茨比配置

gatsby-remark-images

降价

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）