是否有任何方法可以使用Javascript或CSS确定客户端浏览器中哪行位于哪个单词？

如何解决是否有任何方法可以使用Javascript或CSS确定客户端浏览器中哪行位于哪个单词？

| 说我有这个HTML：

<div>
<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

我想确定客户端浏览器中的哪一行是“ 1”字样，然后从那里确定该行的开始和结束位置。有没有办法用JavaScript做到这一点。 然后，我要用那条线做的是在底部和两侧放置一个边框（因此，该文本每一侧的边框都与

<div>

所在区域的侧面平行。） 我知道是否有解决方案并不容易，但即使相对困难，我也愿意。另外，如果它具有执行此操作的方法，则我正在使用jQuery。 另外，如果CSS有办法，我会更开心。 这里大约是在谈论，突出显示的部分是我要查找的文本，红线应该表示上面有边框的内容。     

解决方法

        如果将所需的单词包装在一个范围内，则可以使用CSS样式。 这是仅CSS的解决方案，使用

::before

和

::after

伪元素。哈哈！ 但是对于跨两行以上的文本将不起作用... 编辑： 不过这个！尽管在大多数情况下，前一个会表现更好。     ,        无法确定单个单词在元素内的位置。 但是，您可以将

sed do eiusmod tempor

放置在具有唯一

id

的

<span>

元素中，然后可以检索该元素并查询其位置。