Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

Я, как и блогер dimox, отключаю в настройках WordPress автоматическое преобразование текстовых смайлов в графические. Но некоторые любят погорячее — украшать тексты записей и комментариев смешными рожицами.

Иногда картинки-смайлики своими размерами превосходят шрифт, и тогда строки текста разъезжаются вверх-вниз, увеличивая интервалы, что совсем не айс.

Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

Шакин

Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

Сосновский

Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

Некрасивое оформление исправляется простым указанием в стилях вертикального выравнивания изображений относительно строки.

В файле CSS сайта нужно добавить правило. Примерно такое:

img {vertical-align: middle}

</code>Чтобы другие изображения на странице не вели себя странно (а такое возможно), может быть, нужно будет применить стиль только к определенному классу.

Например:

<code>.post img {vertical-align: middle}

</code>В данном случае <code>.post - это класс блока постов, в котором находятся смайлы.

P.S. Опция WordPress, которая отключает преобразование смайлов, находится в меню: «Параметры» (или «Настройки») > «Написание» > «Форматирование» > «Преобразовывать смайлики наподобие 🙂 и 😛 в картинки».

Устранение проблемы увеличения межстрочного интервала в тексте при использовании графических смайлов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *