删除文本和边框之间的垂直空间

Question

我希望减少我的号码与其顶部和底部边框之间的空间。

正如您所看到的，我的数字填满了整个宽度但是太短而无法填充高度。

我该如何改变？

#number {
   position: absolute;
   color: white;
   font-size: 14vmin;
   border: 5px solid white;
}

Answer 1

您需要使用line-height值。由于字体的大小，line-height可能会在顶部和底部添加大量空间。试试这个：

#number {
    position: absolute;
    color: white;
    font-size: 14vmin;
    border: 5px solid white;
    line-height: 1; /* NEW; also try .8, .9, 1.1, 1.2, etc. */
}