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