如何控制商品详情页的段落之间、商品图片之间的间隔?

2016-07-07 16:14 来源:www.chinab4c.com 作者:ecshop专家





如图所示,是2张图片之间的截图,完全没有间隔的,就好一张图片一样,如何控制商品图片之间的间隔呢?
图片代码都是使用P的:
<p align="center"><img alt="" style="width: 400px; height: 600px" src="http://img05.taobaocdn.com/imgextra/i5/152039877/T20OFXXe8cXXXXXXXX_!!152039877.jpg" /></p>
<p align="center"><img alt="" style="width: 400px; height: 600px" src="http://img06.taobaocdn.com/imgextra/i6/152039877/T2_OxXXbxeXXXXXXXX_!!152039877.jpg" /></p>
<p align="center"><img alt="" style="width: 400px; height: 600px" src="http://img07.taobaocdn.com/imgextra/i7/152039877/T29iNXXl4aXXXXXXXX_!!152039877.jpg" /></p>

在css里面已经把相应的P控制为{font-size:14px; line-height:23px;},但是没有效果的,所以不懂出错在哪里,有朋友能帮忙指点一下吗?

图片的效果请看:http://www.mylifu.com/goods.php?id=177 ,我想要图片之间,段落之间有间隔,需要怎么做啊?麻烦朋友帮帮忙,谢谢。

回答:
我想知道一下为什么这里的line-height不起作用了呢?

直观的理解就是你的图片已经超过你line-heigh的高度,所以无效。再者lh是定义文字的