Зачем задают line-height: 0 и что вы думаете об этом?

Question

[Константин Хабибов]

Разбирал один проект, в нем для декоративных ссылок и кнопок ( ссылки на соцсети и бургер) использовался line-height: 0. Для чего так делают и правильно ли это?

Answer 1

[Юрий]

Если высота строки в кнопке будет больше, чем высота иконки в этой кнопки, кнопку растянет, даже если текста в ней нет. С line-height: 0, очевидно, высота кнопки будет рассчитываться только из размера иконки.

Answer 2

[Алексей Николаев]

Считаю это порочной практикой и хаком, потому что строка - тоже в некотором роде элемент, у него есть границы и размеры. Убирать эти размеры, но оставлять при этом содержимое равноценно диву с нулевой высотой, но overflow: visible, совсем как на кружке CSS IS AWESOME.

Вместо этого стоит позаботиться о том, что размеры иконки и текста соотносятся друг с другом.