Как поставить другой стиль CSS, если в span произошел перенос строки?

Question

[Евгений Обыкновенный]

Можно как-то определить, что в строчном элементе, например, в span произошел перенос строки? Если текст в одну строку - применяется один стиль, если в две и более - другой?

Comments

[Rustam Bainazarov]

Только JS.

[riot26]

А для чего? Скорее всего, для решения проблемы будет более элегантный способ.

[Exploding]

Видимо вопрос должен был звучать: "Как в блочном элементе вертикально выровнять текст по центру?"

[Евгений Обыкновенный]

riot26, в тексте местами есть фрагменты другого шрифта большего размера. Чтоб из-за большего шрифта междустрочный интервал не увеличивался, для фрагментов ставлю line-height < 1. Но если вставка получается многострочная, то из-за line-height < 1 строки наезжают друг на друга. Хотелось разделить эти случаи.

[Rustam Bainazarov]

Евгений Обыкновенный, LOL.

Вы можете нивелировать этот эффект с помощью отрицательного margin (в em) в соответствии с высотой строки (line-height 1 — это 1 em, вот и рассчитывайте). Т. е. ставьте нужную высоту строки (line-height: 1.8) и делайте визуальную компенсацию с помощью, к пример, margin: -0.8em 0.

[Rustam Bainazarov]

Евгений Обыкновенный, думаю, идея будет понятна:
https://jsfiddle.net/59kcx8mr/

Просто подстройте один раз параметры -- и всё будет в порядке. Иных путей у вас нет, кроме ещё JS, конечно.

Answer 1

[Mozzarella]

Здесь готовый пример, где это делают с помощью JS

Answer 2

[Beliyadm]

Никак, решение выше не сработает в 90% случаев.
Изменился шрифт, размер, масштабированием и тд
Да и зачем вам менять стили от количества текста?