前提条件

• 我有一个用于重复或已关闭问题的 searched
• 我有一个避免常见问题的任何HTML validated
• 我阅读了 contributing guidelines

描述问题

当我们使用 text-truncate 添加 display block 元素时，底部会多出一点额外的空间。
请查看：https://codepen.io/jeysaravana/pen/YzaOZzd

将 vertical-align: top; 添加到内联样式或将 align-top 添加到相同的元素中无法解决问题。
唯一解决此问题的方法是将 vertical-align: top; 添加到 text-truncate 将解决问题。

.text-truncate {
    vertical-align: top;
}

简化的测试用例

将 vertical-align: top; 添加到 text-truncate 将解决问题。

.text-truncate {
    vertical-align: top;
}

您在哪个操作系统上看到问题？

macOS

您在哪个浏览器上看到问题？

Firefox

您正在使用的Bootstrap版本是什么？

5.0.2