跨境啦-企业跨境电子商务系统产品页面编辑汇总

一行几格：
<div style="width:99%; display: inline-block;">
    //几个div就是一行有几格
    <div class="pd-content-col-pc-3 pd-content-col-pad-3  pd-content-col-mob-1" style=" border: 1px solid #0000ff;">
        <strong>AAAAAAAAAAA</strong>
        <div style="padding-top: 10px; margin-left: 20px;  ">  // 不要加100%，存在margin-left，否则就会超出
            <p>
                . bbbbbbb
            </p>
        </div>
    </div>

</div>

3. 添加2个图片

<div style="width:99%; display: inline-block;">

    <div class="pd-content-col-pc-2 pd-content-col-pad-2  pd-content-col-mob-1">

        <div style="padding-top: 10px;  ">

              <a class="example-image-link" href="/Uploads/6655ddf2a9944.jpg" data-lightbox="set0" target="_blank" title="disc granulation production line" alt="disc granulation production line"><img src="/Uploads/300-6655ddf2a9944.jpg"/></a>

        </div>

    </div>

    <div class="pd-content-col-pc-2 pd-content-col-pad-2  pd-content-col-mob-1" >

        <div style="padding-top: 10px;  ">

             <a class="example-image-link" href="/Uploads/6655ddf2b8dc2.png" data-lightbox="set0" target="_blank" title="disc granulation production line" alt="disc granulation production line"><img src="/Uploads/300-6655ddf2b8dc2.png"/></a>

        </div>

    </div>

</div>

4. 图片添加放大效果

<a class="example-image-link" href="大图路径" data-lightbox="set0" target="_blank" title=""  alt="">
      <img src="小图路径" />
</a>

5.表格的自动缩放

<div style="overflow: hidden;"><div class="nei-table">

表格

</div></div>

本文 跨境啦 原创，转载保留链接！网址：https://tradela.cn/外贸营销/14.html