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