.capsule {
width: 87px;
border: 1px solid hsla(0, 0%, 100%, .25);
border-radius: 27px;
background: hsla(0, 0%, 100%, .6);
line-height: 1;
font-size: 0
}
.capsule, .capsule>a {
display: flex;
align-items: center
}
.capsule>a {
flex: 1;
height: 30px;
justify-content: center;
padding: 6.4px 0
}

你可以分析理解一下这段代码.话我就不多说了...我就是知道,哈哈...