Question

I am new to javascript, so excuse my lack of actual code.

I have a block of text that I want to fit into a space. I want to break it into rows. I need to find where the newlines are to add a new line and some offset. Then I want to subtract the offset from the row word length (if needed) and get a new cycle until there is something to do.

I was actually hoping to get an answer on the splitting on newlines, or at least finding out how long a row is by pixels.

Answer 1

Why not use the element offset?

<div id="somediv" style="height:20px;width:100px;">
 some content that wrap and makes new line  some content that wrap and makes new line  some content that wrap and makes new line  some content that wrap and makes new line 
</div>

<script>
    var d=document.getElementById("somediv");
    alert(d.style.height);//outputs 20px
    alert(d.offsetHeight);//outputs the actual/rendered height used by the element
</script>