提到咪蒙的公眾號，浮現(xiàn)在我面前的不是她的文章內(nèi)容、動輒10w+的閱讀量，而是公眾號的排版。
縮進頁邊距，算是一個讓版面看起來更簡潔易讀的小竅門。
如果只是想跟人家排的一樣，直接復(fù)制原文到平臺修改文字部分就好啦。
但當(dāng)你碰到需要修改縮進量，縮進圖片樣式的情況，這篇教程的意義也就體現(xiàn)出來了。
▌?一鍵搞定文字&圖片縮進
先說工具，i排版絕對算不上最好用的那個。
樣式爛大街，默認字體大小，保存不方便，但它有三個足以讓人原諒前面所有的地方。
基本還原Ｗord上的格式。老看到有人問Ｗord排好的格式怎復(fù)制到微信后臺顯示不出來，我一般都先復(fù)制到i排版，再粘貼過去，還沒有失誤過。
其中一個就是現(xiàn)在要用到的縮進功能。
輸入內(nèi)容
點擊縮進按鈕，選擇縮進１個字符
圖片縮進同理
然后就可以將排好的內(nèi)容粘貼到微信后臺了。
▌?零基礎(chǔ)都能學(xué)會的樣式縮進
跟前面的比起來，樣式縮進的棘手程度一下子從十以內(nèi)加減法飆升到微積分級別。
就拿最常用到的引用符號來說，點擊縮進按鈕，只會縮進文本，而符號位置不變。
之前我排出來都是這樣的，這讓我不爽了很久。
直到有一天我點開了i排版的【html】編輯框
一眼就看到這個熟悉的單詞，margin。窺探天機是什么感覺我就是什么感覺
顫抖著添上一個數(shù)
最終效果
這就是我剛提到的第三個功能，修改源代碼。
沒錯，又是代碼。
以前我也不懂，我一個編輯出版專業(yè)的為啥要學(xué)html語言。現(xiàn)在知道了，其實并不是讓你去做碼農(nóng)，而是因為網(wǎng)頁上的格式都是代碼控制的。
也就是說，掌握了代碼，就掌握了排版的核心技術(shù)。
看不懂不要緊，你只需要知道：
margin控制縮進，冒號后面的數(shù)字就是縮進量
1個字符=16px=1em
2個字符=32px=2em
margin: 0px;的意思是不用縮進
margin: 0px 16px;的意思是上下不縮進，左右各縮進1個字符
提問，如果要改成縮進兩個字符怎么辦？
把margin: 0px 16px;改成margin: 0px 32px;
就這么簡單。
其他標(biāo)題樣式、分割線都是這樣解決的。只需要你視力好
就拿這個來說
點開html編輯器，看到 style=“margin: ” ，你就知道它是控制縮進的了
直接在中間添個 3em，左右就縮進3個字符了。auto不用管
效果
我就拍案問你這個功能是不是好用炸裂！【住手
也有一些特殊情況。
像是碰到margin-top、margin-bottom啦，這是單獨設(shè)置的邊距。
解決方法：直接在分號后面同時加上?margin-right: 1em;margin-left: 1em; 左右就縮進1個字符了
又比如修改邊距后發(fā)現(xiàn)右邊長出一大截啦
看一下代碼，問題就出在這個“width: 100%;”，因為它限制了寬度
刪掉這一項就好了（注意不要刪掉分號
感覺說得太多篇幅要被限制了，有不明白的地方歡迎跟我討論
