свойство переполнения и фиксированная высота

Question

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

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

это CSS контента,

height:114px;
overflow:hidden;
padding:12px 12px 0;
padding-bottom:12px;
font-size:11px;
line-height:16px;
background-color:#e1f6fa;

Итак, я исправляю это с помощью css / html для третьего блока контента, пятый блок контента не будет исправлен. Есть много других блоков, имеющих различное содержимое внутри них, поэтому бесполезно менять высоту. это может быть сделано с помощью php? если да то как?

Answer 1

Убедитесь, что свойство height кратно значению line-height. Это исправит это. Например: для line-height из 16px вы можете иметь height из 96px, 112px и т. Д. Высота 114px оставляет 2 pixels в нижней части, что неизбежно отображает ведущую 1 ~ 2 пикселя (в зависимости от используемого шрифта) следующей строки текста.

Answer 2

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

.content_box p{
Line-height:20px;
}

Html View

<div class="content_box">
<p>test message</p>
</div>

Не влияет на другие поля содержимого.

Answer 3

Вы можете попробовать увеличить высоту строки или размер шрифта. Я не верю, что есть какой-то другой способ сделать это с помощью CSS.