css - CSS column-count 属性：图像可以在列之间居中吗？

Question

我在布局中使用 css column-count 属性/多列属性来处理具有不同字数的文本。

.column{
   background:#f8f8f8;
   column-count:2;
   column-gap:40px;
   margin:50px 0;
   padding:20px
}

但是，我找不到任何信息如何将图像居中在列的中间？

如果我使用列跨度添加一个对象，例如

    .img-centered {
    shape-outside: border-box;
}

它填充了两条线，并且框外的形状不起作用？像这样（在word文档中完成;-(

我想在 css 中实现的示例

感谢您的任何提示！

标签： css