设计稿要求上下字与字之间的高度是10px
但是如果简单的设置一个margin-bottom：10px；会发现实际的高度是大于10px的。
有什么好的办法来实现字与字之间的高度精准问题么？
（ps.目前用工具量出来实际高度再去从设置的margin-bottom：10px中减去。但是这样非常麻烦。）
css部分 *{ margin: 0; padding: 0; } .wrap p{ font-size:22px; border:1px solid #000; margin-bottom:10px; } html部分
商品名
100元
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
比如你的字体大小是14号字体，那么行高就为24。
如果你的字体大小是16号字体，那么行高就为36。
所以就是设置行高为一个字体大小+10px。
根据你的结构所以就是应该设置为