均分3列的图文排版方法

难度系数:☆☆☆

自己编辑的方法


参考样式


均分3列2.jpg
查看样式:http://mo004_380.mo4.line1.uemo.net/page/5815/

 


排版方法


 

1.打开编辑器

插入表格,因为要在图片对应的下面添加文字,且图片与图片之间有距离,应如下图填写2行5列 

边框为“0”(“0”是为了,没有边框,只有表格的格式,看起来更美观)

QQ截图20180912171600.jpg

2.生成的表格是这样的~

QQ截图20180912172245.jpg

3.添加图片和文字

点击第一行的第一列,第三列,第五列表格,出现光标,在表格里“插入图片”,在对应表格的第二行里插入文字

图片示例:(和前台看到的不一样对吗?别紧张,前台已经排版很OK了,不用担心。)

QQ截图20180919154000.jpg

 

4.我们来看下前台的样式:

 

QQ截图20180919154111.jpg

5.我们还可以用这个方法做“均分3列、4列、等图文排版”

是不是很简单~

 


复制代码的方法


复制下边的代码,到编辑器的“HTML”里QQ截图20180912182800.jpg (每个编辑器里按钮长得都不同,但通常在编辑器的最左边!

<p>

<table border="0" style="width:1180px">
    <tbody>
        <tr>
            <td style="vertical-align:top; width:30%">
            <p><img alt="undefined" src="/templates/upload/380/201607/146961732599.jpg" /></p>

            <p>&nbsp;</p>

            <p><span style="font-size:14px"><strong>产品策略</strong></span></p>

            <p>&nbsp;</p>

            <p>我们为200多名国际与本地客户的300余个产品提供了创新易用的设计方案,有效提升了产品体验和客户品牌价值,</p>

            <p>并引领市场不断树立新的体验标杆。</p>

            <p>&nbsp;</p>

            <p>我们整合商业思考,美学价值及技术实现,用设计的方法推动产品价值最大化,并与客户一起发现潜在机遇</p>

            <p>&nbsp;</p>
            </td>
            <td style="width:3%">&nbsp;</td>
            <td style="vertical-align:top; width:30%">
            <p><img alt="undefined" src="/templates/upload/380/201607/1469617452267.jpg" /></p>

            <p>&nbsp;</p>

            <p><span style="font-size:14px"><strong>全力协助新兴品牌</strong></span></p>

            <p>&nbsp;</p>

            <p>变现方式上,除了销售 SaaS 软件带来的服务费,&ldquo;数据&rdquo;是邓涛规划中、众蓝影云能提供的更大价值。简单来说,在累积一定用户数量后,众蓝影云可能会试水院线之间的数据联合运营。</p>

            <p>&nbsp;</p>

            <p>&ldquo;未来我们会推出一款名叫&lsquo;万花筒&rsquo;的产品,把影院周边的商业提也拉到体系当中,与影院实现数据和营销机会上的互换。</p>

            <p>&nbsp;</p>

            <p>再往后一层,我觉得泛娱乐行业,比如视频网站、直播、体育行业,还有影视行业,都可以做数据打通。&rdquo;</p>
            </td>
            <td style="width:3%">&nbsp;</td>
            <td style="vertical-align:top; width:30%">
            <p><img alt="undefined" src="/templates/upload/380/201607/1469617411826.jpg" /></p>

            <p>&nbsp;</p>

            <p><span style="font-size:14px"><strong>动态与音效设计</strong></span></p>

            <p>&nbsp;</p>

            <p><span style="color:#333333; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size:14px; line-height:22px">&nbsp;</span>团队方面,众蓝影云大部分成员均出自 IBM、惠普、埃森哲等国际化咨询公司和 IT 公司。</p>

            <p>&nbsp;</p>

            <p>创始人邓涛先后供职于 IBM 和埃森哲,期间担任过 IBM GBS 大中华区总裁助理,数据运营负责人来自蓝色光标。</p>

            <p>&nbsp;</p>

            <p>目前,公司已获得由中科招商领投的 900 万人民币 Pre-A 轮融资。</p>
            </td>
        </tr>
    </tbody>
</table>

<table style="width:1180px">
    <tbody>
        <tr>
        </tr>
    </tbody>
</table>

</p>

粘贴好后,现在前台预览,看看有没有问题,准确无误后

点击QQ截图20180912182800.jpg返回图文编辑器,在原有的排版表格里,修改图片和文字不要修改原有的表格框架就好。

 

扫描二维码分享到微信

在线咨询
联系电话

400-888-8888