html - 如何知道使用绝对定位垂直居中需要多少像素？

Question

我正在查看W3Schools的幻灯片示例：

我的问题只与margin-top: -22px;in.prev和.next样式有关（第 31 行）。他们怎么知道选择那个数字来使按钮垂直居中？例如，他们怎么知道不做类似-20px或之类的事情-25px。

这是 JSFiddle：http: //jsfiddle.net/wo73jn8z/

标签： htmlcss

Answer 1

margin:0;
top:50%;
transform:translateY(-50%);

输入此属性将集中您的按钮无需计算像素它会自动计算它