文本对齐,如何像素般精确还原设计稿
问题 在工程师实现设计稿的时候,文本框的对齐是一个经常遇到且棘手的问题。明明已经遵照设计师的标注实现,但结果却与设计稿有很大差异。 「label 为什么有这么大的上下边距呢?」 「行距是 1.2 倍但是效果完全不一样!」 这时候只能靠手工一点一点试,而且由于 app 开发不能像 web 一样及时生效,很浪费时间,且不够精确。 我们的目标是: 只需按照标注 coding,即可像素般准确实现设计稿中的文字对齐与行间距样式。为了解决这个问题,我们需要先明确一些概念。 文本的度量 文字的排版不只是把方块字依次排列起来即可。对于拉丁字母,f 与 g 以什么方式上下对齐?为...