为什么这个关闭按钮，line-height=height不居中

，感觉把line-height调小一点反而居中了
图片说明

//对这个关闭按钮父标签相对定位，然后按钮绝对定位 top：50%，再在y轴方向平移自身高度的50%，（块级元素万金油的居中方法，上下左右居中、自适应居中都行）

top：50%；
-webkit-transform: translateY(-50%);

试试这个

 vertical-align: middle;

你可以设置一下他的高度然后用50%减去高度的一半

盒模型没理解透啊。
你的.box的content区域高度只有9像素，所以你的文字“X”，需要在行高为9px的情况下才能垂直居中。