div와 동일한 높이의 텍스트 만들기

-1

div .omschrijving이 텍스트의 높이와 같도록하고 싶습니다.div와 동일한 높이의 텍스트 만들기

이 내 현재 HTML입니다 : 이것은 내 CSS입니다

<div class="aProduct"> 
    <div class="omschrijving"> 
     <span class="entry inner"> 
      Mundo Melocoton Short Aqua Blauw enzo bla bla bla bla bla bla bla 
     </span> 
    </div> 
</div>

.aProduct { 
    margin-bottom: 26px; 
    padding-bottom: 28px; 
    border-bottom: 2px solid #dcd8d7; 
} 

.aProduct .omschrijving { 
    line-height: 26px; 
    background: #cac; 
    display: inline-block; 
    height: auto; 
}

이 현재의 결과입니다 그래서

div height of text

당신이 볼 수있는, 텍스트가 너무 길어지면 div의 높이가 증가하지 않습니다. 이것을 할 수있는 방법이 있습니까?

출처

2014-05-21 2339870

제공하신 HTML이 귀하가 표시 한 결과와 일치하지 않습니다. 해당 스크린 샷을 사용하고있는 정확한 HTML을 제공해 주시겠습니까? – rorofromfrance

첫 번째 의견은 귀하가 제공 한 코드가 귀하가 가진 문제를 반영하지 않는다고 말했습니다. 내가 제공 한 코드를 시도 했으므로 관련 코드를 모두 제공해야하며 문제는 없습니다. – Ruddy

방금 문제를 일으킨 것을 발견했습니다 ... 여러 div에 동일한 높이를 부여하기 위해 jQuery를 사용했기 때문입니다. 그러나이 jQuery 코드는 특정 미디어 쿼리 내에서만 적용될 예정 이었지만이 방법은 모른다. – 2339870

height 특성을 제거하십시오. 이 효과는 요소의 높이를 지정하지만 내부 내용이 부모보다 높을 때 발생합니다.

출처

2014-05-21 07:42:00 Justinas

div와 동일한 높이의 텍스트 만들기

답변

관련 문제