Javascript 向每行添加偏移量

Javascript 向每行添加偏移量,javascript,jquery,Javascript,Jquery,我是javascript新手,所以请原谅我缺乏实际代码 我有一个文本块,我想放入一个空间。我想把它分成几行。我需要找到新行的位置来添加新行和一些偏移量。然后我想从行字长中减去偏移量(如果需要的话),得到一个新的循环,直到有事情要做 实际上,我希望得到关于换行符拆分的答案,或者至少找出一行的像素长度。据我所知,检查某些文本宽度的唯一方法是在隐藏元素中呈现该文本,然后检查该元素的宽度。继续执行此操作,直到得到小于所需最大宽度的最长字符串。冲洗并重复 我假设您试图将文本放入任意/不规则形状:如果它只是

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

我有一个文本块,我想放入一个空间。我想把它分成几行。我需要找到新行的位置来添加新行和一些偏移量。然后我想从行字长中减去偏移量(如果需要的话),得到一个新的循环,直到有事情要做


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

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


我假设您试图将文本放入任意/不规则形状:如果它只是一个矩形,那么当然,您可以设置容器元素的宽度。

要获得行的宽度,可以使用

作用

为了得到你可以使用的高度

作用

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

$(文档).ready(函数(){
警报($(“#tr1”).width();
警报($(“#tr1”).height();
});
测试测试测试
测试测试测试
测试测试测试

为什么不使用元素偏移

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

一些内容包装并制作新行一些内容包装并制作新行一些内容包装并制作新行一些内容包装并制作新行一些内容包装并制作新行
var d=document.getElementById(“somediv”);
警报(d.样式、高度)//输出20px
警戒(d.越障)//输出元素使用的实际/渲染高度

很抱歉,我真的不明白你的问题,我需要将一段长度、宽度和高度不同的文本切成几行。然后增加每一行的缩进(左边填充),并将溢出的单词裁剪到下一行,直到没有单词留下,所有的单词都被很好地倾斜。