素米建站 | 文章均分2列的排版方法

自己编辑的方法


参考样式


均分2列.png
查看样式:

http://mo004_1291.mo4.line1.uemo.net/news/post/8145/

 

 


排版方法


 

1.打开编辑器

表格可以将图片分为左右的排版,需要2张尺寸相同的图片

插入表格,如下图填写1行 2列  边框为“0”(“0”是为了,没有边框,只有表格的格式,看起来更美观)

QQ截图20180912171600.jpg

 

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

QQ截图20180912172245.jpg

 

3.添加图片和文字

点击左边的表格,出现光标,在表格里“插入图片”

点击右边的表格,出现工标,在表格里“插入图片”

QQ截图20180913182924.jpg

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

 

 

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

QQ截图20180913183014.jpg

 

5.是不是很简单~

 


复制代码的方法


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

<p>
    <br/>
</p>
<table>
    <tbody>
        <tr class="firstRow">
            <td style="word-break: break-all;" width="auto" valign="top">
                <p>
                    <img src="/templates/upload/5124/201711/1509593539922.gif" title="" alt=""/>
                </p>
                <p>
                    <br/>
                </p>
                <p>
                    <br/>
                </p>

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

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

相关内容

深圳市素米创意服务有限公司

地址:深圳市南山区田厦翡翠写字楼2109

邮编:518000

电话:0755-86570548

手机:13250346783 / 18503023961

邮箱:hi@showme.cc

扫描二维码分享到微信

在线咨询
联系电话

0755-86570548