我想让文字可以填满一个div，设置高度之后，应该如何设置字体大小，

Question

每次设置字体大小的时候，div都会随着字体大小变化
我想让字体填满这个高度为30的div，字体大小怎么设置？

<Texts
                    styleSet={{
                        height: '30px',
                        lineHeight: '30px',
                        position: 'absolute',
                        fontSize: '36px',
                        left: '589px',
                        color:'#FFFFFF',
                        top: '215px',
                        width: '150px',
                        //backgroundColor: 'red'
                    }}
                    text={'16:30前'}
                />

问题补充 11:45

高度70 字体70 依然不能填满

<Texts
                    styleSet={{
                        left: 164,
                        top: 210,
                        height: 70,
                        lineHeight: 1,
                        position: 'absolute',
                        fontSize: 70,
                        color:'#FFFFFF',
                        backgroundColor:'red',
                        width: 120
                    }}
                    text={totalOrderAccount}
                />

Answer 1

将lineHeight设置为1，不要加px

<Texts
    styleSet={{
        height: '30px',
        lineHeight: 1,
        position: 'absolute',
        fontSize: '36px',
        left: '589px',
        color:'#FFFFFF',
        top: '215px',
        width: '150px',
        //backgroundColor: 'red'
    }}
    text={'16:30前'}
/>

Answer 2

这种使用汉字的话，会造成溢出