Listing系统中描述图片如何限制其宽度

汪义松 发表于 2016年06月23日 17:54

在系统中eBay刊登模板中,如果插入产品详情图,这时图片会显示成实际的大小,可能导致图片撑出屏蔽宽度。以下给出方法显示图片的宽度。

在插入产品详情图占位符之后,切换到代码编辑模式。

blob.png

blob.png

用一个div标签包住$Image$占位符,给div添加一个css样式的class,并且在代码中增加对应的css样式,示例代码如下:

/*添加一下style标签中所有代码到模板中*/

<style type="text/css">

/*这里是定义包住图片的div的宽度,可自行调增宽度*/

.descImg{

  width:500px;

}

/*这里是限制div中的img标签(产品详情图片每一张都会显示为一个img标签)的宽度与外层div的宽度一样,即100%*/

.descImg img{

  width:100%;

}

</style>

<div class="descImg"><!-- 用div包住产品详情图片的占位符,并且添加他的css样式的class -->

    $Image$

</div>


回复
您需要登录后才可以回复