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

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是定义文字的