줄 바꿈 할 때 요소 너비 가져 오기?

Question

이것은 막 다른 질문일지도 모릅니다.하지만 제가 찾고있는 것을 할 수있는 기회가 있을지도 모를 때, 나는 포기하기 전에 stackoverflow에서 천재들을 물어볼 것이라고 생각했습니다.
모든 유형의 솔루션 (자바 스크립트, CSS 등)이 가능합니다! 나는 라인이 자동 폭 요소에 랩 할 때 눈치 http://willdo.ca/test.php

: 내가 할 수 있도록하고 싶습니다 무엇

이 페이지에서 볼 수 있습니다 (예 : 인라인 블록 요소를.) 최대 너비가 설정되어 있으면 공백으로 인해 텍스트가 기술적으로 최대 너비에 도달하지 않더라도 요소가 최대 너비까지 채워지도록 유지됩니다 (기술적으로이 최대 너비에 도달하지 않는 이유는 이해하지만 라인이 강제로 감기기 전에 요소의

내가 제공 한 페이지가 내가 시도한 것을 설명하는 데있어 더 나은 작업을하기를 바랍니다.
            첫 번째 윤곽선이 표시된 요소는 정상적인 (올바른) 동작입니다.
            두 번째 윤곽선 요소는 내가 만들고 싶습니다 (줄 바꿈을 추가하여 시뮬레이션 한 것입니다). 자동차에 의해 정의 된 텍스트가 처음에 랩 http://willdo.ca/test.txt

Answer 1

유일한 이유는이 요소의 가장자리를 명중하기 때문에 : 여기

는 필요가있을 경우 내가 사용했던 HTML을 다운로드/볼 수있는 링크입니다 (상위 너비)/px/% 또는 최대/최소 너비. 그런 다음 다른 모든 텍스트를 다음 줄로 밀어 넣어 단어를 유지합니다 (분명히).

내가 할 수있는 유일한 방법은 실제 텍스트의 너비가 무엇인지 계산하고 상자의 크기를 모두 JS로 계산하는 것입니다. 이러한 문제와 심각한 과잉에 대해 이것은 엄청나게 어렵습니다. 각 문자 너비를 계산해야하며 (모두 동일하지는 않음) 클라이언트의 DPI, 글꼴 유형, 브라우저 확대/축소 기능, 내게 필요한 옵션 기능 및 다른 많은 것들을 사용합니다.

매우 유감스럽게 생각해서 죄송합니다. 시나리오는 무엇입니까? 그것은 당신의 예에서 매우 큰 글자이며, 목적이 긴 단어입니다.