提到咪蒙的公眾號(hào)，浮現(xiàn)在我面前的不是她的文章內(nèi)容唬复、動(dòng)輒10w+的閱讀量，而是公眾號(hào)的排版全肮。
縮進(jìn)頁(yè)邊距敞咧，算是一個(gè)讓版面看起來(lái)更簡(jiǎn)潔易讀的小竅門。
如果只是想跟人家排的一樣辜腺，直接復(fù)制原文到平臺(tái)修改文字部分就好啦休建。
但當(dāng)你碰到需要修改縮進(jìn)量乍恐，縮進(jìn)圖片樣式的情況，這篇教程的意義也就體現(xiàn)出來(lái)了测砂。
▌?一鍵搞定文字&圖片縮進(jìn)
先說(shuō)工具茵烈，i排版絕對(duì)算不上最好用的那個(gè)。
樣式爛大街砌些，默認(rèn)字體大小瞧毙，保存不方便，但它有三個(gè)足以讓人原諒前面所有的地方寄症。
基本還原Ｗo(hù)rd上的格式宙彪。老看到有人問(wèn)Ｗo(hù)rd排好的格式怎復(fù)制到微信后臺(tái)顯示不出來(lái)，我一般都先復(fù)制到i排版有巧，再粘貼過(guò)去释漆，還沒(méi)有失誤過(guò)。
其中一個(gè)就是現(xiàn)在要用到的縮進(jìn)功能篮迎。
輸入內(nèi)容
點(diǎn)擊縮進(jìn)按鈕男图，選擇縮進(jìn)１個(gè)字符
圖片縮進(jìn)同理
然后就可以將排好的內(nèi)容粘貼到微信后臺(tái)了。
▌?零基礎(chǔ)都能學(xué)會(huì)的樣式縮進(jìn)
跟前面的比起來(lái)甜橱，樣式縮進(jìn)的棘手程度一下子從十以內(nèi)加減法飆升到微積分級(jí)別逊笆。
就拿最常用到的引用符號(hào)來(lái)說(shuō)，點(diǎn)擊縮進(jìn)按鈕岂傲，只會(huì)縮進(jìn)文本难裆，而符號(hào)位置不變。
之前我排出來(lái)都是這樣的镊掖，這讓我不爽了很久乃戈。
直到有一天我點(diǎn)開(kāi)了i排版的【html】編輯框
一眼就看到這個(gè)熟悉的單詞，margin亩进。窺探天機(jī)是什么感覺(jué)我就是什么感覺(jué)
顫抖著添上一個(gè)數(shù)
最終效果
這就是我剛提到的第三個(gè)功能症虑，修改源代碼。
沒(méi)錯(cuò)归薛，又是代碼谍憔。
以前我也不懂，我一個(gè)編輯出版專業(yè)的為啥要學(xué)html語(yǔ)言≈骷現(xiàn)在知道了习贫，其實(shí)并不是讓你去做碼農(nóng)，而是因?yàn)榫W(wǎng)頁(yè)上的格式都是代碼控制的崇猫。
也就是說(shuō)沈条，掌握了代碼，就掌握了排版的核心技術(shù)诅炉。
看不懂不要緊蜡歹，你只需要知道：
margin控制縮進(jìn)屋厘，冒號(hào)后面的數(shù)字就是縮進(jìn)量
1個(gè)字符=16px=1em
2個(gè)字符=32px=2em
margin: 0px;的意思是不用縮進(jìn)
margin: 0px 16px;的意思是上下不縮進(jìn)，左右各縮進(jìn)1個(gè)字符
提問(wèn)月而，如果要改成縮進(jìn)兩個(gè)字符怎么辦汗洒？
把margin: 0px 16px;改成margin: 0px 32px;
就這么簡(jiǎn)單。
其他標(biāo)題樣式父款、分割線都是這樣解決的溢谤。只需要你視力好
就拿這個(gè)來(lái)說(shuō)
點(diǎn)開(kāi)html編輯器，看到 style=“margin: ” 憨攒，你就知道它是控制縮進(jìn)的了
直接在中間添個(gè) 3em世杀，左右就縮進(jìn)3個(gè)字符了。auto不用管
效果
我就拍案問(wèn)你這個(gè)功能是不是好用炸裂肝集！【住手
也有一些特殊情況瞻坝。
像是碰到margin-top、margin-bottom啦杏瞻，這是單獨(dú)設(shè)置的邊距所刀。
解決方法：直接在分號(hào)后面同時(shí)加上?margin-right: 1em;margin-left: 1em; 左右就縮進(jìn)1個(gè)字符了
又比如修改邊距后發(fā)現(xiàn)右邊長(zhǎng)出一大截啦
看一下代碼，問(wèn)題就出在這個(gè)“width: 100%;”捞挥，因?yàn)樗拗屏藢挾?/p>
刪掉這一項(xiàng)就好了（注意不要?jiǎng)h掉分號(hào)
感覺(jué)說(shuō)得太多篇幅要被限制了浮创，有不明白的地方歡迎跟我討論
