Question

我是javascript的新手，所以请原谅我缺乏实际的代码。

我有一块文字要插入空间。我想把它分成几行。我需要找到换行符添加新行和偏移量的位置。然后我想从行字长度中减去偏移量（如果需要）并获得一个新的循环，直到有事情要做。

我实际上希望得到关于换行符分裂的答案，或者至少找出一行的像素长度。

Answer 1

为什么不使用元素偏移？

<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>

Answer 2

据我所知，检查某些文本宽度的唯一方法是在隐藏元素中渲染该文本，然后检查该元素的宽度。继续执行此操作，直到获得最小的字符串，该字符串小于所需的最大宽度。冲洗并重复。

我假设您正在尝试将文本调整为任意/不规则形状：如果它只是一个矩形，那么当然，您可以设置容器元素的宽度。

Answer 3

要获得行的宽度，您可以使用

width()

功能

并获得你可以使用的高度

height()功能

<script>
$(document).ready ( function() {
    alert ( $("#tr1").width() );
    alert ( $("#tr1").height() );
});

</script>
<table>
<tr id="tr1">
<td>test test testtest test testtest test testtest test test
</td>
<td>test test testtest test testtest test testtest test test
</td>
<td>test test testtest test testtest test testtest test test
</td>
</tr>
</table>

为每一行添加偏移量

3 个答案: