与 CSS 垂直对齐时，行高的额外空间

Question

我经常需要将图像与旁边的文本块垂直对齐。

像这样：

问题是由于文本的行高，文本上方出现了一个额外的空间：

我不能只删除行高，因为这是一个多行文本块，需要非常大的行高。

我想出的唯一解决方案是将 a margin-top: -5px应用于文本的顶部，使其与图像在光学上对齐。

然而，这似乎是一个脆弱的解决方案，因为对页面行高的任何更改都会破坏对齐方式。

有没有更防弹的解决方案？

Answer 1

选择 p:nth-child(2) 并添加行高，这样第一个 p 就不会包含它。