html – 减少两个剪切图像之间的间距

概述我使用剪辑路径剪辑两个图像.结果是 一切都很好,但我想减少这些图像之间的间距就像这样 .clip-wrap { display: inline;}.element { -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 60% 100%); clip-path: polygon(0 100%, 0 0, 100% 0, 60% 100%) 我使用剪辑路径剪辑两个图像.结果是

一切都很好,但我想减少这些图像之间的间距就像这样

.clip-wrap {  display: inline;}.element {  -webkit-clip-path: polygon(0 100%,0 0,100% 0,60% 100%);  clip-path: polygon(0 100%,60% 100%);}.element2 {  -webkit-clip-path: polygon(40% 0,100% 100%,0 100%);  clip-path: polygon(40% 0,0 100%);}

<div >  <img src="http://karenmenezes.com/shapes-polygon/clip-demo.jpg" alt="demo-clip-CSS"  wIDth="150" height="150"></div><div >  <img src="http://karenmenezes.com/shapes-polygon/clip-demo.jpg" alt="demo-clip-CSS"  wIDth="150" height="150"></div>

JsFiddle Link

请帮忙！谢谢

解决方法 加上

margin-right: -50px;

到.element

更多解释：你要么给予.element一个负边际权利,要么给一个负余量 – 留给.element2

总结

以上是内存溢出为你收集整理的html – 减少两个剪切图像之间的间距全部内容，希望文章能够帮你解决html – 减少两个剪切图像之间的间距所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。