自己编辑的方法

参考样式

排版方法

1.打开编辑器

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

边框为“0”（“0”是为了，没有边框，只有表格的格式，看起来更美观）

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

3.添加图片和文字

点击第一行的第一列，第三列，第五列表格，出现光标，在表格里“插入图片”

第一行第二列，第四列表格，填入空格

第二行对应的表格里插入文字

注意~  因为“瀑布流”的样式为参差不齐的，所以在上传图片时，需要选择3张宽度一致，高度不同的图片

图片示例：（和前台看到的不一样对吗？别紧张，前台已经排版很OK了，不用担心。）

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

5.我们还可以用这个方法做“2列、4列、5列瀑布流图文排版”

是不是很简单~

复制代码的方法

复制下边的代码，到编辑器的“HTML”里 （每个编辑器里按钮长得都不同，但通常在编辑器的最左边！）

<table border="0" style="width:1100px">
    <tbody>
        <tr>
            <td style="vertical-align:top; width:30%">
            <p>&nbsp;</p>

            <p><img alt="undefined" src="http://moue.jsmo.xin/templates/upload/4097/201710/150761380199.jpg" /></p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p><span style="font-family:微软雅黑,'Microsoft YaHei'; font-size:16px"><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:2%">&nbsp;</td>
            <td style="vertical-align:top; width:30%">
            <p>&nbsp;</p>

            <p><img alt="undefined" src="http://moue.jsmo.xin/templates/upload/4097/201710/1507606178166.jpg" /></p>

            <p>&nbsp;</p>

            <p><span style="font-family:微软雅黑,'Microsoft YaHei'; font-size:16px"><strong>全力协助新兴品牌</strong></span></p>

            <p>&nbsp;</p>

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

            <p>&nbsp;</p>

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

            <p>&nbsp;</p>

            <p>再往后一层，我觉得泛娱乐行业，比如视频网站、直播、体育行业，还有影视行业，都可以做数据打通。&rdquo;</p>
            </td>
            <td style="width:2%">&nbsp;</td>
            <td style="vertical-align:top; width:30%">
            <p>&nbsp;</p>

            <p><img alt="undefined" src="http://moue.jsmo.xin/templates/upload/4097/201710/1507611946947.jpg" /></p>

            <p>&nbsp;</p>

            <p><span style="font-family:微软雅黑,'Microsoft YaHei'; font-size:16px"><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>

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

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