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

Ответ 1

Самое быстрое исправление выглядит следующим образом:

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

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

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

Ответ 2

Настройка

line-height: normal;

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

Ответ 3

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

Ответ 4

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

Ответ 5

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

Возможно, это можно сделать так:

#sliderwrap
{
    height:114;
}

Ответ 6

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

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

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

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