如何能让文字充满整个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