Javascript 如何使用换行:断开单词来计算行数?
是否有可能知道一个div中有多少行没有换行符,但只有“wordwrap:break word” 我如何知道该分区内的行总数Javascript 如何使用换行:断开单词来计算行数?,javascript,jquery,Javascript,Jquery,是否有可能知道一个div中有多少行没有换行符,但只有“wordwrap:break word” 我如何知道该分区内的行总数 <div id="content_text" style="word-wrap: break-word; background: red; color: white; width: 100px;">dsadasdasdsadasdasdsadasdasdsadasdasdsadasdas</div> dsadasdasdasdasdasdasdas
<div id="content_text" style="word-wrap: break-word; background: red; color: white; width: 100px;">dsadasdasdsadasdasdsadasdasdsadasdasdsadasdas</div>
dsadasdasdasdasdasdasdasdasdasdasdasdasdasdasdas
您可以创建一个元素的副本,只在其中放置一个字符,然后获取高度,即一行的高度:
函数getLineHeight(元素){
const copy=element.cloneNode();
copy.style.visibility='hidden';
copy.style.position='绝对';
copy.textContent='a';
元素.parentNode.appendChild(复制);
const lineHeight=copy.offsetHeight;
lineHeight.remove();
返回线高度;
}
然后,您可以按如下方式获得行数:
const linescont=Math.round(element.offsetHeight/getLineHeight(element));
我希望我没有错过任何东西。我想没那么容易