Zurb 的 Foundation 列中带有波浪的图像答案

【问题标题】：Images with a wave in Zurb's Foundation columnsZurb 的 Foundation 列中带有波浪的图像
【发布时间】：2017-10-10 04:02:52
【问题描述】：

对于 WordPress 网站，我正在使用 CSS 框架 Foundation 6。该设计有一行包含 2 个大 6 列。每列都填充有图像。然而，这些图像在内部具有波浪形状。请看我附上的图片。

The row with 2 columns

现在我创建了 2 个列，其中包含图像，但我的问题是我无法让这 2 个图像像我共享的图像那样相互“接触”。见笔：https://codepen.io/Jerryschouwink/pen/MmVeQL

<div class="row expanded collapse">
  <div class="large-6 columns">
    <img src="http://projecten.webinc.nl/pen/img-left.png">
  </div>
  <div class="large-6 columns">
    <img src="http://projecten.webinc.nl/pen/img-right.png">
  </div>
</div>

有人可以告诉我怎么做吗？

谢谢，杰瑞

【问题讨论】：

标签： html css wordpress image zurb-foundation

【解决方案1】：

您需要给图像一个类别并为其添加负边距。

.right{
  margin-left: -35px;
}

https://codepen.io/hunzaboy/pen/PmRGPB

【讨论】：

感谢您的贡献。不幸的是，这不是我正在寻找的解决方案。这只是将我的图像移动到中心，但我仍然需要它贴在屏幕的一侧。