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

发布于 2022-09-11 20:47:30 字数 184 浏览 11 评论 0

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

紫竹語嫣☆ 2022-09-18 20:47:30

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

clipboard.png

┼── 2022-09-18 20:47:30

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

clipboard.png

智商已欠费 2022-09-18 20:47:30

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

爱,才寂寞 2022-09-18 20:47:30

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

稚然 2022-09-18 20:47:30

行高 固定 l

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文