像神一样排版

上周在i排版里推送了两篇文章,分别扒了咪蒙和罗永浩的排版风格,小伙伴们仿佛找到了一扇通往100000+的大门,今天我们来造福更多的朋友。

咪蒙的排版主要是用到了文章缩进、两边留白,老罗的排版主要调整了文字的左右间距。

很多人好奇像咪蒙那种阅读流畅,视觉舒服的排版风格尤其是整篇文章缩进是怎么做出来的,今天沙师弟就来扒一扒最有特色的部分。

我们i排版(iPaiban)在去年5月份就推出了“缩进”功能,图片文字缩进一键搞定!

i排版为大家提供了5种规格的缩进效果——从0.5个字符到4个字符,大家可以根据自己的需求来选择;如果不需要缩进了,选择“0”字符或者清除格式就好,图片也是相同的道理。

下面i排版为大家展示几枚栗子:

同时缩进0.5个字符

我们整天忙忙碌碌,像一群群没有灵魂的苍蝇,喧闹着,躁动着,听不到灵魂深处的声音。时光流逝,童年远去,我们渐渐长大,岁月带走了许许多多的回忆,也消蚀了心底曾今拥有的那份童稚的纯真,我们不顾心灵桎梏,沉溺于人世浮华,专注于利益法则,我们把自己弄丢了。

我们整天忙忙碌碌,像一群群没有灵魂的苍蝇,喧闹着,躁动着,听不到灵魂深处的声音。时光逝,童年远去,我们渐渐长大,岁月带走了许许多多的回忆,也消蚀了心底曾今拥有的那份童稚的纯真,我们不顾心灵桎梏,沉溺于人世浮华,专注于利益法则,我们把自己弄丢了。

使用缩进这一功能时,光标在哪一段就会缩进哪一段;如果想全部缩进,通过ctrl+A全选,再点缩进,就可以全文缩进了。根据老司机的体验,缩进1-2个字符是最好看的,3-4个字符就基本是极限了,内容太过瘦长也影响美观的。

如果不想使用缩进效果了,选择缩进中的“0”字符就好,也可以通过“一键清除”按钮和缩进效果say goodbye。

不过,需要注意的是,目前缩进效果仅针对文字和图片内容,部分使用了样式的内容是不支持缩进的。

如果你稍微懂点代码的话,还可以用i排版的“HTML”工具任意调整缩进内容的字符大小。

咪蒙文章排版大家问的最多的就是缩进功能,现在也都讲完了,今天的排版就用起来,让用户和领导眼前一亮。接下来我们扒一扒老罗的调整文字左右间距的排版。

推文必然是关公赴会——单刀直入,直奔主题正常字间距

微信后台和i排版以及各友商都是默认这种间距

字间距适当加大好像还挺好看,今天赶紧来试一试

字间距缩小

没找到对应的作死文章,随便截下零钱图吧

设置文字左右间距其实和我们常见的设置行高是一样的性质,只不过字间距大家目前用的比较少就没有在工具栏上添加上这一功能。

我们可以通过简单的小代码来实现,调整对应内容的“letter-spacing”的属性就可以。

首先你要记住设置文字左右间距的代码

设置步骤:

 打开i排版(www.iPaiban.com),进入HTML编辑页面,将上面的这串代码复制粘贴到这里。

 替换文字:代码中“需要设置左右间距的文字”可以直接替换、编辑;如果有小伙伴不习惯在代码编辑页面操作,可以切换回正常编辑将自己的内容粘贴到示例文字后面,再删除示例文字,以免出现左右缩进效果丢失的情况。

 设置具体间距:完成文字内容编辑后,还需要调整合适的间距数值,也就是“10px”那里。这个数值可正可负,0就是正常的文字间距,>0则会拉大文字间距,使用负值,文字就会变得紧凑了。

点击一下HTML按钮,就可以在正常编辑框中看到效果啦!(哦,对了忘了说,老罗的字间距设置是1.5px)

设置15px字号小彩蛋:

有人说i排版和微信后台都没有15px大小的字体,相同的道理,改代码,14改成15就好了。

司机领进门,刹车在个人,怎么玩就看你们的了→_→。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,688评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,559评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,749评论 0 226
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,581评论 0 191
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,741评论 3 271
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,684评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,122评论 2 292
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,847评论 0 182
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,441评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,939评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,333评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,783评论 2 236
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,275评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,830评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,444评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,553评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,618评论 2 249

推荐阅读更多精彩内容