如何解决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 举报,一经查实,本站将立刻删除。