用户使用填充并排生成50％宽度的图像

Question

我正在使用Kirby CMS构建网站，我需要能够让用户将图像放在容器的50％并向左浮动的页面上（因此第二个50％的图像将是旁边）。

我几乎让它工作 - 图像是并排的，但如果我添加任何边距，第二个图像当然会转到新的一行。因为我使用box-sizing: border-box我可以使用填充在它们之间创建一些空间，同时将它们保持在一条线上，但是图像具有边框和阴影，这些边框和阴影随着填充而扩展。

因为这个内容是通过管理面板生成的用户，所以我不能将每个图像显式地包装在它自己的div中（我通常可以将填充应用到）。还有其他路线可以用吗？

谢谢！

Answer 1

正如 Flauwekeul 所提到的那样，负面影响确实存在。

img.half {
    float: left;
    max-width: 50%;
    margin-right: 20px;
}
img.half:nth-child(even) {
    margin-right: -20px;
}