【问题标题】:How to Vertically align text next to an image in contentful如何在内容中垂直对齐图像旁边的文本
【发布时间】:2018-08-03 20:41:59
【问题描述】:

如何在内容中垂直对齐图像旁边的文本。

请查看以下链接https://imgur.com/a/F4sqXya

【问题讨论】:

    标签: contentful


    【解决方案1】:

    有几种方法可以解决这个问题:

    1. 您定义了一些 CSS 来使图像居中。当您拥有图像始终位于相同位置并且看起来应该相同的文章时,这很有效。 (display: block; margin: 0 auto; 或其他东西应该可以解决问题)

    2. 如果有多个图像会有不同的外观,建议将大型降价博客划分为多个内容类型和条目——可以说是创建一组构建块。这样你就可以拥有一个page 内容类型,它引用了所有可配置的文本块和图像。这种方法称为"Topic and assemblies"

    3. 我能想到的第三种方法(虽然不推荐!)是在你的 markdown 中添加一些 HTML 来设置你想要的图像样式。这有一个很大的缺点,就是您失去了跨平台兼容性。

    在任何一种情况下,Contentful 只处理内容,您必须自己在您的站点/应用程序中进行居中。

    希望对您有所帮助。 :)

    【讨论】:

      猜你喜欢
      • 2010-10-04
      • 2019-01-04
      • 2013-09-12
      • 1970-01-01
      • 2012-05-17
      • 2017-09-27
      • 2021-08-08
      • 1970-01-01
      相关资源
      最近更新 更多