#行盒

CSS text-box-trim 如何裁掉行盒首尾空白：从半行距到垂直居中

按钮文字看起来偏上，是行盒里字体度量留下的半行距在作怪。文章解释 text-box-trim 与 text-box-edge 如何按 cap、alphabetic 等字体度量裁掉行盒首尾空白，说明它与 line-height、ascent/descent 的关系，以及负 margin 和固定行高方案为何会随字体回退失效，并给出适用边界与浏览器支持判断。