Нижние несколько пикселей текста обрезаны

Question

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

Answer 1

Настройка

line-height: normal;

работал для меня.

Answer 2

Самое быстрое исправление выглядит так:

Измените font-size здесь с 14px на 13px

#slidertext h3 {
font-size: 13px;
// other styles
}

Работает для меня в Chrome.

Answer 3

Изменение font-size и font-family - это просто обходной путь.У меня была такая же проблема.Это хорошо работает в Firefox, но не в Chrome.Отметьте padding или margin поля ввода.Это было padding в моем случае.Я изменил padding:6px на padding:0px 6px; в моем случае.

Answer 4

На #slidertext li у вас есть overflow: hidden;. Вам либо нужно отрегулировать высоту li, у вас есть встроенные стили, устанавливающие значение height: 32px, отключить переполнение или отрегулировать размер шрифта внутри него.

Answer 5

Согласно определенным браузерам, этот тип проблемы очень часто связан с семейством шрифтов.Мое решение для обрезания текста состоит в том, чтобы изменить семейство шрифтов на sans-serif и посмотреть, окажет ли это какое-либо влияние.Это работало безошибочно в любом браузере, в котором я его пробовал.

Как видно из того, что утверждают другие потоки выше ... иногда это может помочь отрегулировать высоту строки и отступы, но для меня ни один из нихработал в целом:

max-width: 100%;
min-height: 1.62em;
padding: 2px 5px 2px 5px;    
vertical-align: initial;

font-family: initial, sans-serif, serif; - хорошая отправная точка, и тогда вы можете найти шрифт, который будет хорошо сочетаться с вашей темой / сайтом.

Answer 6

Проверьте размер слайдера, атрибут высоты может конфликтовать с общим размером текста, и, поскольку ваше переполнение скрыто, в соответствии с вашим свойством css, это может быть вашей проблемой.

Возможно, исправлениеэто так:

#sliderwrap
{
    height:114;
}