js向html文档添加空格,javascript – 如何在HTML中的行之间找到空格？

这是对previous question of mine的后续问题.我试图找到一种方法来查找元素中每行文本的确切位置.

我能够找到css lineHeight属性(参见上一个答案).问题是我的元素的高度略大于行数乘以lineHeight的累积高度.

一个例子：

我有一个< p>即没有填充,边框或边距的2010px高,(scrollHeight,offsetHeight和clientHeight都报告相同,)并且在浏览器中有89行. computedStyle()的lineHeight是22.

2010/22 = 91.37行

对于小元素,我可以对值进行平移以获得正确的行数,但是遇到上面的问题时,更大的元素我无法准确地获得确切的行数.

我的假设是,我没有考虑到这些文本行之间有一些小的空间.知道如何找到它吗？它与字体类型有关吗？它是由浏览器自动设置的吗？任何文档都会特别有用.

谢谢！！

更新：

所以我在我的< p>中有26个上标,每个上升2px,将它们看起来为24px的那些线的lineHeight扩展,这是我遗漏的空间. (Woot！到目前为止！)

我想我现在所处的船是我需要找到一种方法来动态计算它们在线的正常顶部上方突出多少,或者发现一个< sup>的基线高出多少.高于正常基线. (反之亦然< sub&gt ;.)@H_404_25@否则,我可以用CSS确定吗？

js向html文档添加空格,javascript – 如何在HTML中的行之间找到空格？相关推荐

一个html文档的开始标记,如何在Python中只向HTML文档添加一个开始标记
我正在尝试制作一个自动脚本,从网站下载一个表,然后使用正则表达式取出相关数据.html是 UKRAINEJan-Feb 2016(e) 1.181-12-1,0%-71-5,7%-42-3,4%EU- ...
Ext JS 6学习文档-第3章-基础组件
Ext JS 6学习文档-第3章-基础组件基础组件在本章中,你将学习到一些 Ext JS 基础组件的使用.同时我们会结合所学创建一个小项目.这一章我们将学习以下知识点: 熟悉基本的组件 – 按钮, ...
如何查看jsplumb.js的API文档(YUIdoc的基本使用)#华为云·寻找黑马程序员#
[摘要] 介绍前端文档工具YUIdoc 示例代码托管在:http://www.github.com/dashnowords/blogs 一.问题描述最近向一些同事推荐了网页中实现流程图绘制的工具库j ...
浅谈Word.Application，关于js操作word文档的使用
这篇文章只是说个人放个笔记在这里,并没有讲解的意思,但为了进来的朋友能知道我在说啥,写的过程中我还是简单介绍一下. 官网地址:https://docs.microsoft.com/zh-cn/offi ...
Ext JS 6学习文档-第6章-高级组件
Ext JS 6学习文档-第6章-高级组件高级组件本章涵盖了高级组件,比如 tree 和 data view.它将为读者呈现一个示例项目为图片浏览器,它使用 tree 和 data view 组 ...
php或js获取word内容,js能读取word js读取word文档
如何使用jquery读取word文档 text = ',本地文件,文本内容到PDF的转换,其最终还是调用wkhtmltopdf命令.add_table(rows=1,cols=1,以及使用freema ...
是的你没看错，js生成word文档
用js生成word文档查看Demo 你可以生成一份 word 文档,在此文档中可以添加多种元素并设置多种属性. 可添加的元素段落超链接标题表格列表图片可设置的属性 font:字体,比如 ...
使用jquery.wordexport.js导出word文档设置行间距不生效问题
在使用jquery.wordexport.js导出word文档时在js里设置的style margin-top不生效生成的doc还是没有行间距一通百度后发现没用解决方法后来发现有位 ...
JCJC错别字检测系统API接口使用文档-添加黑名单、白名单词汇
JCJC错别字检测系统API接口使用文档-添加黑名单.白名单词汇 1.地址前缀:http://IP:PORT/spellcheck/ 2.所有的接口调用:请使用 HTTP POST 方法,不支持 GE ...
elementui表格添加滚动条_如何给PDF文档添加超链接？
有时我们在编辑PDF文档时,需要给目录做快速跳转或给文中的某些内容跳转到其他网页,这就需要用到超链接的功能.下面就一起看看给PDF文档添加超链接的是如何操作的. https://www.zhihu.c ...

js向html文档添加空格,javascript – 如何在HTML中的行之间找到空格？

js向html文档添加空格,javascript – 如何在HTML中的行之间找到空格？相关推荐

最新文章

热门文章