Есть ли способ в CSS, чтобы рассчитать высоту линии по em?

Question

Допустим, я хочу, чтобы img была такой же высоты, как и строка текста. Есть ли способ настроить это? Моя первая мысль была примерно такой:

</p> <pre> <table> <td> <img src="pict.png" style="height: 1em"/> <img src="pict.png" style="height: 1em"/> </td> <td> The text<br/> The second line<br/> </td> </table> </pre> <p>

Однако в этом примере высота изображения меньше линии. Через несколько строк разница становится очень заметной. У кого-нибудь есть предложения?

Кроме того, похоже, что мой шрифт 1.15 em примерно равен высоте строки. Имеет ли это смысл для кого-либо?

Answer 1

ваши изображения имеют ту же высоту, что и строка текста в вашем примере.( см. Здесь ).если в вашем проекте это выглядит иначе, вы можете попробовать установить line-height: 1em в своей таблице и убедиться, что font-size: 1em.

, как и во второй части: я надеюсь, что это изображение поможет объяснить связь между высотой строкии размер шрифта:

Answer 2

Я думаю, что для этого нужно использовать JavaScript.