分享

你看的逐行显示是这么做的!

 心旻 2018-08-03

大家都是看到花式排版

到这里解锁教程的小可爱吧



案例展示



其实图文中的模板都是出自于

i排版编辑器(iPaiban.com)

老沙只不过是进行了简单的代码修改

废话不多说带大家学习一波骚操作




文 字 逐 行 展 示


在i排版编辑器(iPaiban.com)左侧的卡片中上新了逐行展示的文字样式。



打开HTML,修改对应的文字即可。如果想要文字居中可以添加代码:text-align: center;






图 片 逐 个 展 示


图片逐行也是使用上新的样式,在i排版编辑器(iPaiban.com)左侧的图文中,图片逐个显示,有两个模板分别是三张图片逐个显示和两张图片逐个显示。




打开HTML,然后修改图片的链接就可以替换你想要的图片,但如果想要修改图片的尺寸大小,可以根据图中的操作实现。










招 招 招 人 啦


微互动(wihudong)

诚聘新媒体运营、记者啦

专注新媒体行业观察、资讯

案例解读、大咖访谈


月薪:8-25K

地点:北京海淀


有意向的童鞋欢迎

将简历和至少5篇文章投递给

hr@playhudong.com



- E N D -

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多