Ghost中没有内置方法可以使图像浮动并使文本围绕图像流动。这是一个重大的遗漏,他们说这个遗漏“太难了”并且没有计划改变。好吧好吧,我自己来吧。
我在论坛上的这篇文章中找到了一个合理的解决方案。这是我的使用方法。
在代码注入区域的头部添加以下内容:
/* small images to float but not look stupid on mobile */ @ media ( min-width : 40rem ) {
. float-left-half figure , . float-left-two-thirds figure { float : left ; margin : 8 px 20 px 6 px 0 ; } . float-right-half figure , . float-right-two-thirds figure { float : right ; margin : 8 px 0 6 px 20 px ; } . float-left-half figure , . float-right-half figure { max-width : 50 % ; } @ media ( min-width : 64em ) { . float-left-two-thirds figure , . float-right-two-thirds figure { max-width : 67 % ; } }
}
然后,在帖子或页面中,我在要浮动的图像卡之前添加一个 HTML 块(例如向右)。
<span class="float-right-half">
然后关闭图像卡后的</span>
。