Css 垂直中跨

我有以下代码：

a{
背景：#A9A9；
显示：块；
位置：绝对位置；
右：0；
排名：0；
身高：100%；
宽度：20%；
垂直对齐：中间对齐；
浮动：对；
文本对齐：居中；
}
跨度{
显示：内联块；
垂直对齐：中间对齐；
}

a{
背景：#A9A9；
显示：块；
位置：绝对位置；
右：0；
排名：0；
身高：100%；
宽度：20%；
垂直对齐：中间对齐；
浮动：对；
文本对齐：居中；
}
跨度{
位置：绝对位置；
保证金：自动；
左：0；
右：0；
最高：50%；
底部：0；
高度：16px；
页边距顶部：-8px；/*高度/2*/
}

a{
背景：#A9A9；
显示：块；
位置：绝对位置；
右：0；
排名：0；
身高：100%；
宽度：20%；
垂直对齐：中间对齐；
浮动：对；
文本对齐：居中；
}
跨度{
位置：绝对位置；
保证金：自动；
左：0；
右：0；
最高：50%；
底部：0；
高度：16px；
页边距顶部：-8px；/*高度/2*/
}

---

使用

位置：相对
跨越并给出
顶部：50%


a{
背景：#A9A9；
显示：块；
位置：绝对位置；
右：0；
排名：0；
身高：100%；
宽度：20%；
垂直对齐：中间对齐；
浮动：对；
文本对齐：居中；
}
跨度{
显示：内联块；
位置：相对位置；
最高：50%；
转换：转换（0px，-50%）；
}
使用
位置：相对
跨越并给出
顶部：50%


a{
背景：#A9A9；
显示：块；
位置：绝对位置；
右：0；
排名：0；
身高：100%；
宽度：20%；
垂直对齐：中间对齐；
浮动：对；
文本对齐：居中；
}
跨度{
显示：内联块；
位置：相对位置；
最高：50%；
转换：转换（0px，-50%）；
}
flexbox的绝佳用例。只需确保检查供应商前缀和broswer支持：



a{
背景：#A9A9；
显示器：flex；
证明内容：中心；
对齐项目：居中；
位置：绝对位置；
右：0；
排名：0；
身高：100%；
宽度：50%；
}
跨度{
}
flexbox的绝佳用例。只需确保检查供应商前缀和broswer支持：



a{
背景：#A9A9；
显示器：flex；
证明内容：中心；
对齐项目：居中；
位置：绝对位置；
右：0；
排名：0；
身高：100%；
宽度：50%；
}
跨度{
}
风格的改变可能会对您有所帮助

 a {
    background: #A9A9A9;
    display: table;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20%;
    vertical-align: middle;
    float: right;
    text-align: center;
}

a span {
    display: table-cell;
    vertical-align: middle;
}

样式的更改可能会对您有所帮助

 a {
    background: #A9A9A9;
    display: table;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20%;
    vertical-align: middle;
    float: right;
    text-align: center;
}

a span {
    display: table-cell;
    vertical-align: middle;
}


转换不是跨平台兼容性：（，而是有趣的答案：）转换不是跨平台兼容性：（，而是有趣的答案：）