请问如何调整商品详细页的行距大小

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



商品详细页由于行距限制,一旦使用大字体,就会出现紫浆,请高手指教。 我自己调整了style.CSS里面的line-height, 但是整个页面的行距都会随之拉大。 有没有高手可以帮忙,可以只调整商品描述的行距,而不影响其他地方的行距,万分感谢!!!

回答:
你定义一个
  1. line-height:1;
复制代码
或者
  1. line-height:2;
复制代码
数值倍数定义
不是像素定义的

/* ====================
商品详情页面部分模块
==================== */
#goodsInfo{background:#f2f2f2; padding:8px; _height:1%;}
#goodsInfo .imgInfo{width:230px; float:left; margin-right:10px; overflow:hidden;}
#goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/
#goodsInfo span{width:4px; height:48px; background:url(images/green/bg.gif) no-repeat 0 -527px; float:left;}
#goodsInfo span.spanR{width:4px; height:48px; background:url(images/green/bg.gif) no-repeat -5px -527px; float:right;}
#goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
#goodsInfo .gallery ul{width:auto;}
#goodsInfo .gallery li{float:left; width:48px; margin:0 2px;}
#goodsInfo .gallery li img{width:46px; height:46px; display:block;}
/*文字信息*/
#goodsInfo .textInfo{background:#fff; width:473px; float:left; padding:10px;}
#goodsInfo .textInfo p{font-size:14px; font-weight:bold; padding:0 5px 5px 8px;}
#goodsInfo .textInfo ul{border-top:1px solid #ccc;}
#goodsInfo .textInfo li{background:url(images/lineBg.gif) repeat-x left bottom; padding:0px 8px; _height:1%;}
#goodsInfo .textInfo li.padd{padding:7px 0px 7px 8px;}
#goodsInfo .textInfo li dd{width:50%; float:left; padding:7px 0px;}
#goodsInfo .textInfo li dd.ddR{border-left:1px solid #eeecec; width:48%; padding-left:8px;}
#goodsInfo .textInfo li dd.ddL{border-right:1px solid #eeecec;}
#goodsInfo .textInfo a{color:#006bce; text-decoration:underline;}
#goodsInfo .textInfo .loop{background:#f7f7f7; margin-top:8px;}


具体哪个位置?

*文字信息*/
#goodsInfo .textInfo{background:#fff; width:473px; float:left; padding:10px;}
#goodsInfo .textInfo p{font-size:14px; font-weight:bold;line-height:2; padding:0 5px 5px 8px;}
我在这里加一个line-height:2可不可以呢

在style.css 中找到以下代码
  1. #areaRight{
  2. float:right;
  3. width:725px;
  4. }
复制代码

替换成:

  1. #areaRight{
  2. float:right;
  3. width:725px;
  4. line-height:2;
  5. }
复制代码


原理:#areaRight这个层就是详情内容的层。。只更换这里的行距。不影响其它地方。。我这里填的是2倍行距

在style里面没有找到这几个代码,大约在第几行?

顶一个同问啊,郁闷死了