时间戳

首页 > 解决方案 > 如何在内容中垂直对齐图像旁边的文本

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

问题描述

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

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

标签： contentful

解决方案

有几种方法：

  1. 您定义了一些 CSS 以使图像居中。当您拥有图像始终位于相同位置并且看起来应该相同的文章时，这将起作用。（display: block; margin: 0 auto;或者应该做点什么）

  2. 如果有多个图像会有不同的外观，建议将大型降价博客划分为多个内容类型和条目——可以说是创建一组构建块。这样，您可以拥有一个page引用文本块和图像的内容类型，这些都是可配置的。这种方法称为“主题和程序集”

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

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

希望有帮助。:)

推荐阅读