左图右文的排版方法
难度系数:☆☆
自己编辑的方法
参考样式
查看样式:http://mo005-6255.mo5.line1.uemo.net/page/115525/
查看样式:http://mo004_4435.mo4.line1.uemo.net/project/post/194066/
排版方法
1.打开编辑器
插入表格,如下图填写1行 2列 边框为“0”(“0”是为了,没有边框,只有表格的格式,看起来更美观)
2.生成的表格是这样的~
3.添加图片和文字
点击左边的表格,出现光标,在表格里“插入图片”
点击右边的表格,出现工标,在表格里输入文字
图片示例:(和前台看到的不一样对吗?别紧张,前台已经排版很OK了,不用担心。)
4.我们来看下前台的样式:
5.我们还可以用这个方法做“右图左文”的排版
是不是很简单~
复制代码的方法
复制下边的代码,到编辑器的“HTML”里 (每个编辑器里按钮长得都不同,但通常在编辑器的最左边!)
<table>
<tbody>
<tr class="firstRow">
<td width="500" valign="top">
<img src="/templates/upload/6255/201802/1517825344584.jpg"/>
</td>
<td style="word-break: break-all;" width="840" valign="top">
<p>
<br/>
</p>
<p>
邵将云,汉族,1963年7月生,浙江省温州乐清人,高级经济师,现任集团股份有限公司董事长,全国政协常委,全国工商联常委,浙江省工商联主席,中国工业经济联合会主席团主席、中国电器工业协会会长。 于1984年创办乐清求精开关厂 。<br/>
</p>
<p>
<br/>
</p>
<hr/>
<p>
<br/>
</p>
<p>
<span style="font-size: 16px; color: rgb(63, 63, 63);">二十载风雨兼程,二十载岁月如歌</span>
</p>
<p>
<br/>
</p>
<p>
在跨世纪的恢宏发展历程里,凝聚着兴贸人燃烧的激情、耕耘的汗水与创新的智慧。南征北战的开拓,诸城兴贸现已发展成为亚洲最大的淀粉深加工研发与生产基地,并跻身于国家级重点高新技术企业行列,商标被认定为“中国驰名商标”。
</p>
<p>
<br/>
</p>
<p>
我们执着,我们追求。诸城兴贸领导班子将以孜孜不倦的创新精神开启事业新的征程。
</p>
<p>
<br/>
</p>
<p>
迎着太阳的光辉,我们在行进的道路上以“不干则已,干就一流;追求完美,永不停步”的企业精神登高望远,恪守“诚信、创新、责任、价值”的企业核心价值观,创造外部人脉和谐与内部管控严格的企业环境,为公司的前行提供不竭的正能量。
</p>
<p>
<br/>
</p>
<hr/>
<p>
<br/>
</p>
<p>
时代在前进,市场在变化,企业在发展。把握发展大势,和着时代节拍,我们实施“一业为主,多元化经营,以科技强企”的企业发展理念,紧随时代步伐,引领行业尖端,做优做强,力促公司高质量可持续发展。
</p>
</td>
</tr>
</tbody>
</table>
<p>
粘贴好后,现在前台预览,看看有没有问题,准确无误后
点击返回图文编辑器,在原有的排版表格里,修改图片和文字,不要修改原有的表格框架就好。
扫描二维码分享到微信