css 多行文字不同的间距,在ps上该怎么量。css改怎么写,才更精准?

比如 ui 给了一个psd 设计稿。

clipboard.png
像这样不规则的行间距。该怎么量怎么写 更加准确。
如果直接去量三行之间的距离,会有很大偏差。原因是有lineheight

阅读 3.8k
5 个回答

ui在做图的时候没有给尺寸么 一般还会有一张标记尺寸的图 还是说作图的时候就一个大概位置
我原来自己量的做法是

clipboard.png

pxcook导入psd直接显示,如下图所示,还有同等的蓝湖,标你妹等等工具都可以直接看到

clipboard.png

ui不标记尺寸的话,使用工具,pxcook等,导入psd就有标记。
至于你说的,lineheight的问题,可以清除lineheight,通过paddin或者margin来控制的吧

我一般先量个大概的距离,设置后将网页这一块截图和psd中比对,看距离是否一致

行高 固定 l

两行字距离 margin =dy - ( fontSize1 (1 - l) / 2 - fontSize2 (1 - l) / 2 )

行高为 1 有些浏览器会截断

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题