UI設(shè)計(jì)師如何正確給前端標(biāo)注行高？
2 回答
慕絲7291255
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
首先，行高不能設(shè)為1，因?yàn)樵O(shè)為1之后，有可能中文會被截取，顯示不完整。
bootstrap為了統(tǒng)一瀏覽器之間的行高差別，設(shè)置的是1.47....，但是，實(shí)際中，這個(gè)值并不好計(jì)算，建議line-height:1.5，這樣便與計(jì)算，差別也不會很大。
比如，設(shè)計(jì)稿的上邊距是20px，字體大小為12px，那么我們代碼的實(shí)現(xiàn)就應(yīng)該是font-size:12px;margin-top:17px;
為什么是17px呢，因?yàn)樾懈邽?.5，所以超出了0.5*12為6px，上邊超出了6/2=3px，20-3=17px;
熟練之后直接邊距 - 字體大小/4就行了
UYOU
TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊
line-height:1;
不用單位就表示 1em
多行的話
line-height:1.5;margin:-0.25em 0;
用 margin 把上下多的行高去掉
添加回答
舉報(bào)
0/150
提交
取消