js 获取文本行数

最新推荐文章于 2024-04-26 16:47:03 发布

佛天华

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量923

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/fth1002853070/article/details/129618550

版权

<div id="content">
	若干文字内容
</div>

getLineCount () {
	// 获取实际文本行高
	const style = window.getComputedStyle(document.getElementById('content'), null);
	const fontSize = style.fontSize;
	const paddingTop = style.paddingTop.replace('px', '');
	const paddingBottom = style.paddingBottom.replace('px', '');
	const lineHeight = (style.lineHeight === 'normal' ? fontSize : style.lineHeight).replace('px', '');
	const height = style.height.replace('px', '');
	debugger;
	if (height / lineHeight > this.lineLimit) {
		this.isNeedShowMore = true;
	} else {
		this.isNeedShowMore = false;
	}
	console.log(height / lineHeight);
}