【问题标题】:React markdown image alignment with Contentful markdown使用 Contentful markdown 反应 markdown 图像对齐
【发布时间】:2017-05-31 07:25:06
【问题描述】:

我使用Contentful 存储文章内容,使用React markdown 进行解析,效果很好。但是我不知道在对齐图像(例如并排的两个图像)时该怎么办。

有没有办法在 markdown 中查看渲染了多少张图片?然后我可以根据markdown中有多少图像进行对齐

【问题讨论】:

  • 您提供的上下文很少。现在看起来怎么样?它应该怎么看?您是渲染到 HTML 网络应用程序还是其他东西,也许是电子?

标签: reactjs markdown contentful


【解决方案1】:

您可以使用 next-sibling 选择器设置图像样式。

大概是这样的:

img + img { /* styles for any image directly after another image */ }

【讨论】:

    【解决方案2】:

    您可以在降价中插入一些 HTML(这不是理想的解决方案),例如 <img='img' class='align-left' /> 您还可以有一个单独的资产列表类型字段,您可以单独获取这些图像并将它们添加到您的 HTML 中

    【讨论】:

      猜你喜欢
      • 2010-09-20
      • 1970-01-01
      • 2016-11-28
      • 1970-01-01
      • 1970-01-01
      • 2020-07-25
      • 2013-02-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多