jQuery를 사용하여 줄 바꿈을 개별적으로 처리

Question

<div>의 너비가 좁은 줄을 개별적으로 처리하는 방법을 찾고 있습니다. 내 텍스트 인 경우 즉, "로렘 입숨 슬픔가 lorem \ n 개의 Ipsum 제품의 슬픔은 AMET 앉아 AMET 앉아"하고 아래와 같이 볼 수 있습니다 :

를

는

는 LOREM의 ipsum의의 슬픔은
이가 lorem에게 AMET
ipsum의의 슬픔 앉아
AMET 앉아

< 스팬 ID = "line0"> 로렘 입숨의 슬픔 < 범위 >:

은 그 때 나는 같은, 말, A의 < 범위 > 태그를 각 '라인'을 캡슐화 할 수 있어야한다 < 스팬 ID = "1 호선은"> 등

편집 ... AMET가 lorem </스팬 >
앉아 : 우리는 사업부의 폭과 높이가 고정 알려져 있다고 가정 할 수 있습니다.

제안 된 해결책이있는 경우 찾을 수 없습니다.을 계산 위한 좋은 제안이 있지만 고정 라인 높이 라인 : How to check for # of lines using jQuery

Answer 1

이 시작 :

<div class="narrow">Lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div> 

CSS :

.narrow { 
    width:60px; 
} 

것은이 일부 자리 표시자를 삽입 공백 :

$('.narrow').html($('.narrow').html().replace(/ /g,"<span class='count'> </span>")) 

$('.narrow .count') .each(function() { 
    var myPos = $(this).position() 
    alert(myPos.top) 
}) 

가 거기에서 당신은 알아낼 수 있어야 할 곳에는 Y 위치에 따라 줄의 시작/끝 지점 :각 자리의 y 위치를 결정합니다.