在图象下的白色空间 [英] White space under image
本文介绍了在图象下的白色空间的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我添加寄宿生后,我无法移除我的图片下方的空白区域。
I can't remove white space under my images after i added boarder.
如何摆脱这个?
<div style="width: 1200px;">
<div style="float: left; width: 358 px; margin: 0px 7px 0px 0px; border: 1px solid #021a40;"><img src="{{media url="wysiwyg/3row/3row-no-boarder_07.jpg"}}" alt="" /></div>
<div style="float: left; width: 358 px; margin: 0px 7px 0px 7px; border: 1px solid #021a40;"><img src="{{media url="wysiwyg/3row/3row-no-boarder_04.jpg"}}" alt="" /></div>
<div style="float: left; width: 358 px; margin: 0px 0px 0px 7px; border: 1px solid #021a40;"><img src="{{media url="wysiwyg/3row/3row-no-boarder_09.jpg"}}" alt="" /></div>
<div style="clear: both;"> </div>
</div>
</div>
</div>
http://postimg.org/image/5rvgc5h8p/
小提琴: https://jsfiddle.net/mastervision/zap4smbm/
我使用Magento编辑器: http://postimg.org/image/c62ljlmoj/
I use the Magento editor: http://postimg.org/image/c62ljlmoj/
推荐答案
添加此
div{
line-height: 0;
}
这篇关于在图象下的白色空间的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文