background image

 

  这是一张高度不变左右拉伸的

“点九”图片,内容显示区域为整个按钮范围。按钮效果图

上看,文字是垂直居中显示的,开发同学拿到这张

“点九”图片,就会在代码里写上 center

的属性,此属性就是设定让文字在按钮的垂直居中位置。说到这,有没有察觉出问题呢

?先

让我们看一下实现出来的效果怎么样。

  

 

  拥有像素眼的设计师们,立刻会察觉文字偏下了。然后找开发同学调整文字的位置,
“把文字向上 n 个像素吧,没有居中”等等,这是很经常发生的对话,开发同学会增加代码
微调文字的位置以达到效果图效果。事情圆满解决了吗

?不然。其实是我们错了。

  当我们了解开发同学实现方法后,我们可以试试用逆推法验证这张

“点九”图片是否还

有进一步精确的可能。