오버 플로우 속성과 고정 된 높이

오버플로를 사용하는 대신이 이미지를보십시오. 숨겨져 있습니다. 여전히 숨겨져있는 텍스트가 있습니다. 숨기고 싶습니다. 어떻게 할 수 있습니까? (그대로 난, 높이가 있어야 높이를 감소 또는 증가하고 싶지 않은) 지역에서오버 플로우 속성과 고정 된 높이

enter image description here

모습 빨간색으로 강조,이 날을 자극하는 것이다. 어떻게 해결할 수 있습니까?

이 내용의 CSS입니다

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

여기

enter image description here

내가 세 번째 콘텐츠 상자 CSS/HTML을 사용하여 수정하면, 이동, 다섯 번째 콘텐츠 상자를받지 않습니다 결정된. 내부에는 내용이 다른 많은 상자가 있으므로 높이, 줄 높이 proprotty를 변경하는 것은 쓸모가 없습니다. PHP로 할 수 있습니까? 그렇다면 어떻게?

출처

2012-01-17 Sufiyan Ghori

하단 패딩을 늘리고 높이를 낮추면 취소 할 수 있습니다 (즉, 동일한 상대 높이를 유지하지만 하단에는 내용이 없음). – Nix

패딩 조정을 시도합니까? – anglimasS

패딩 하단 값 또는 라인 높이를 늘려야합니다. – designersvsoft

선 높이 또는 글꼴 크기를 늘려보십시오. 나는 CSS로 그것을 할 다른 방법이 있다고 생각하지 않습니다.

출처

2012-01-17 12:29:26

height 속성이 line-height 값의 배수인지 확인하십시오. 그것은 이것을 고칠 것이다. 예를 들어 : 16px의 line-height를 들어, 다음의 행의 (글꼴 사용에 따라 다름)이 height96px의, 112px이 114px의 높이가 필연적으로 선도하는 1 ~ 2 개 픽셀을 표시합니다 하단에 2 pixels 나뭇잎 등을 할 수 있습니다 본문.

출처

2012-01-17 12:31:09 techfoobar

특정 콘텐츠 상자에 대해 새 ID 또는 클래스를 만들어야합니다. 예 :

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

Html View 

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

다른 콘텐츠 상자에는 영향을주지 않습니다.

출처

2012-01-17 12:37:51 designersvsoft

이 문제는 특정 상자에서 발생하지 않습니다. 코드로 S 특정 콘텐츠 상자에 대해 문제를 해결할 수 있지만 다른 상자는 그대로 유지됩니다. 그것을 PHP를 통해 할 수 있을까요 btw 이것은 워드 프레스 게시물 중 하나입니다 –

모든 워드 프레스 게시물은 특정 CSS 있습니다. 이 코드를 사용해보십시오. .wp_post_class p { 줄 높이 : 20px; S, 내가 더 자세한 내용을 추가 한 내 첫 번째 게시물을보고 : } HTML을보기

test message

–

는 900 게시물이 있습니다. –

오버 플로우 속성과 고정 된 높이

답변

관련 문제