如何能让文字充满整个div，不留上面和下面两处空白

Question

我现在有一个div 设置了高度和文字大小，我想让文字充满这个div

.order_number{

        font-size: 80px;

        color: #FFFFFF;

        position: relative;

        height: 80px;

        background-color: fuchsia;

        line-height: 80px;

        display:inline-block;

        padding: 0;

        overflow: hidden;

        width: 300px;

        position: relative;

        margin-left: 30px;

        margin-top: 30px;

        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif

    }

没变化

    .order_number{

        font-size: 80px;

        color: #FFFFFF;

        position: relative;

        background-color: fuchsia;

        line-height:1;

        overflow: hidden;

        width: 300px;

        position: relative;

        margin-left: 30px;

        margin-top: 30px;

        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif

    }

    .order_word {

    }

Answer 1

我先说一下为什么line-hieght:1文字也不能充满呢，因为这是行内布局，你想要的其实是文字充满容器，而文字实际视觉大小并不是和你的font-size一样大的，而且具体大小还取决于引用了什么字体,这里面内容还是不少的，我推荐你要想实现这种效果不要使用px,可以使用rem。

Answer 2

不设height，line-height等于font-size，也就是line-height:1你的文字大小设的太大了，的确会产生间隙，把line-height调小吧

Answer 3

line-height: 1