网页上中文字体大小不同底线对齐问题

记录的使用material ui中字体的使用

不根据底线对齐
原始样式
秋季拍卖会：
.MuiTypography-h6 {
font-size: 1.25rem;
font-family: “Roboto”, “Helvetica”, “Arial”, sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.0075em;
}

总成交金额：
MuiTypography-body2 {
font-size: 0.875rem;
font-family: “Roboto”, “Helvetica”, “Arial”, sans-serif;
font-weight: 400;
line-height: 1.43;
letter-spacing: 0.01071em;
}

把秋季拍卖会的样式line-height去掉或者添加，或者在外部样式添加 line-height: inherit;即可

工作上遇到的小问题

还是菜鸟，原理以后在探讨