텍스트와 이미지를 포함하는 단락의 높이를 가져옵니다.

-1

이미지가있는 텍스트 요소의 높이를 가져 오려고합니다.텍스트와 이미지를 포함하는 단락의 높이를 가져옵니다.

텍스트와 두 개의 이미지와 단락 :

<p id="txth"> 
    <ul> 
     <li id="snow"> 
      <span class="title">Snow</span> 
     </li> 
     Hello 
    </ul> 
    <ul> 
     <li id="rain"> 
      <span class="title">Rain</span> 
     </li> 
     Hello 
    </ul> 
</p>

CSS의 : 나는 목록을 사용하지 않는 경우

textHeight = sym.$("#txth").height();

이 작동 :

.title { 
    font-size: 17px; 
    padding-left: 7px; 
} 

#snow { 
    list-style-image:url("images/snow.png");  
} 

#rain { 
    list-style-image:url("images/rain.png");  
}

이 높이를 얻으려면 , 그러나 나는 목록을 사용하지 않고 이것을 쓰는 방법을 모른다. 이 단락의 높이를 얻으려면 어떻게해야합니까?

출처

2014-01-31 vibekeNYG

는 <p> 태그 내부에 배치 할 때 자신의 디스플레이 등록 정보 (display:block 또는 inline)에 올 때 항상 문제가 발생할 것으로 보인다.

<div id="txth"> 
    <ul> 
    <li id="snow"> 
     <span class="title">Snow</span> 
    </li> 
    Hello 
    </ul> 
    <ul> 
    <li id="rain"> 
     <span class="title">Rain</span> 
    </li> 
    Hello 
    </ul> 
</div>

선택자 앞에는 sym에 대한 확신이 없지만 정상적으로 작동합니다.

$(document).ready(function(){ 

    var textHeight = $("#txth").css("height"); 
    alert(textHeight); 

});

출처

2014-01-31 10:14:59 Wandile

감사합니다, Wandile, 당신의 대답은뿐만 아니라 나의 결론이었다 - 나는이 질문을 게시 한 직후 발견하지만, 다른 사람이 같은 문제로 실행 수 있으므로 삭제 할 필요가 없다고 생각. "sym"는 Adobe Edge Animate이기 때문에 다른 사람들이 내 것보다 쉽게 이해할 수 있습니다 .-) – vibekeNYG

Wordpress 사용자 정의 템플릿 컨텐츠를 사용할 때 이전에이 문제에 직면했습니다. ul li로 삽입되었습니다. 내 P는 태그가 내 솔직히 답변을 당신의 솔루션에 관련이 있다면 다음에 수행하기 위해 이것을 수정해야만했다. – Wandile

< ul>을 < p>에 사용할 수 없으므로 코드에서 작동하지 않습니다.

사용자 p를 사용하는 대신 span 또는 div 또는 article 중 하나입니다. 대신 <p> 태그 오히려 <ul> 및 <li> 태그로 <div>를 사용하는 사용

출처

2014-01-31 10:07:46 Sam1604

텍스트와 이미지를 포함하는 단락의 높이를 가져옵니다.

답변

관련 문제