html 요소 안에 텍스트의 중심을 찾는 방법

div 요소가 있는데, 안에는 텍스트가 있습니다. 텍스트 자체의 길이를 알아낼 수 있습니까? 꽤 자주 div의 길이는 텍스트의 길이보다 훨씬 큽니다. 그런 div의 이미지가 있습니다. html 요소 안에 텍스트의 중심을 찾는 방법

그 멋진 자바 스크립트 솔루션은 훌륭합니다!

출처

2014-12-03 ganqqwerty

내부 텍스트의 길이를 얻기 위해이 시도? 일부 html을 제공해주십시오. jQuery를 사용하고 있습니까? –

사용 디스플레이 : 인라인 블록; (이것은 단지 텍스트의 크기만큼의 컨테이너 크기가 될 것입니다) JS에서 그 요소의 크기를 얻습니다. – frenchie

예, js 솔루션이 좋을 것입니다. – ganqqwerty

Welp, 귀하의 div는 블록 요소이므로 Javascript를 사용하여 너비를 얻으면 전체 div가됩니다. <span> (인라인 요소)으로 내부 텍스트를 배치 한 다음 범위의 너비를 확인하는 것이 좋습니다.

<div><span id="foo">Lorem ipsum</span></div> 
<script>var width = document.getElementById('foo').offsetWidth;</script>

나는 방금 How do I retrieve an HTML element's actual width and height?에서 코드를 복사했습니다.

출처

2014-12-03 17:42:56 philtune

지금까지 시도 무엇 사업부

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
</script> 
    <script> 
    $(document).ready(function(){ 
     if ($('#test').text().length > 0) 
     alert($('#test').text().length); 
    }); 
    </script> 
    </head> 
    <body> 

    <div id='test'>28</div> 


    </body> 
    </html>

출처

2014-12-03 18:04:54

html 요소 안에 텍스트의 중심을 찾는 방법

답변

관련 문제