文本段落輸入舌厨，相信大家都不陌生岂却，不管是UI設(shè)計(jì)還是平面設(shè)計(jì)，總會(huì)遇到大量的文案段落需要填充裙椭。這個(gè)時(shí)候我們總會(huì)發(fā)現(xiàn)一些很影響效率的問題躏哩。
問題場景再現(xiàn)
假如我們需要設(shè)計(jì)一段文字，一般情況下是這樣做的揉燃。
看起來還行扫尺，至少不苛刻的需求是這樣的。但總會(huì)有需求說炊汤，列表數(shù)字和換行的數(shù)字都混一塊兒了不利于閱讀正驻，能不能數(shù)字右邊的文本左對齊呢？
這個(gè)問題很多設(shè)計(jì)師的解決方案是加空格抢腐。
看起來也不錯(cuò)姑曙，每個(gè)段落都加空格，就可以對齊了迈倍。
但是如果有幾十個(gè)列表呢伤靠？更可怕的是內(nèi)容如果后期修改，空格需要重新啼染。那么如何快速方便地實(shí)現(xiàn)對齊效果呢宴合？
首行縮進(jìn)
答案就是調(diào)整段落的首行縮進(jìn)屬性值焕梅。
首行縮進(jìn)最常用在文章段落開頭空兩個(gè)文字，從小到大寫作文形纺，語文老師都是這么要求的……
PS的首行縮進(jìn)
AI的首行縮進(jìn)
我們一般用的都是正數(shù)丘侠，其實(shí)也可以輸入負(fù)數(shù)，這樣的話逐样，首行縮進(jìn)是往左邊的移動(dòng)的蜗字，從而就可以解決開頭的對齊問題了≈拢看下例子：
首行縮進(jìn)的值跟文字大小有關(guān)挪捕。正常情況下開頭空兩格是空出文字大小x2。數(shù)字和英文是半個(gè)字符争便，例如圖中段落文字是12级零，那么左側(cè)需要“1、”空出來滞乙，一個(gè)中文字符+一個(gè)數(shù)字就是12+6=18奏纪。
知識(shí)擴(kuò)展：html中的首行縮進(jìn)
其實(shí)段落首行縮進(jìn)在css中也有對應(yīng)的屬性叫 text-indent。上面的例子在css中也有同樣的解決方法斩启，這里是一個(gè)demo序调，大家有興趣的可以看看。
http://www.uihacker.com/wp-content/uploads/2018/03/paragraph.html
大家有興趣可以動(dòng)手改變css調(diào)下兔簇。以后再遇到這個(gè)問題发绢，就可以幫前端同學(xué)解決問題了。
更多UI設(shè)計(jì)干貨文章請關(guān)注UI黑客
微信公眾號(hào) uihacker
UI黑客官網(wǎng)http://www.uihacker.com/
UI黑客論壇http://bbs.uihacker.com/
