请问如何调整商品详细页的行距大小
2016-07-07 16:08 来源:www.chinab4c.com 作者:ecshop专家
商品详细页由于行距限制,一旦使用大字体,就会出现紫浆,请高手指教。 我自己调整了style.CSS里面的line-height, 但是整个页面的行距都会随之拉大。 有没有高手可以帮忙,可以只调整商品描述的行距,而不影响其他地方的行距,万分感谢!!! |
回答:
你定义一个 总
不是像素定义的 |
/* ==================== 商品详情页面部分模块 ==================== */ #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 中找到以下代码
替换成:
原理:#areaRight这个层就是详情内容的层。。只更换这里的行距。不影响其它地方。。我这里填的是2倍行距 |
在style里面没有找到这几个代码,大约在第几行? |
顶一个同问啊,郁闷死了 |
最近更新
常用插件
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
ecshop热门问答
ecshop热门资料
ecshop童装
ecshop粉红
ecshop邮政
ecshop专题
ecshop防辐射
ecshop爬行
ecshopphpwind
ecshop首页设置
ecshop南宁电池网百度收录
ecshop随机
ecshop自定义title
ecshopOnly
ecshop英文版
hprose
ecshop直通车
ecshopcat
ecshopimqq
ecshop实时提醒
ecshop什么东西
ecshop样式文件
登陆ecshop
ecshop下404错误
ecshop视频广告
ecshop首页广告位
ecshop开发
ecshop空间科
ecshop待发货
ecshop出售
ecshopbrief
ecshop台湾