用戶使用填充並排生成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; 
}