是否有任何方法可以使用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有办法,我会更开心。
这里大约是在谈论,突出显示的部分是我要查找的文本,红线应该表示上面有边框的内容。
没有找到相关结果
已邀请:
2 个回复
棠媳鳖
和
伪元素。哈哈! 但是对于跨两行以上的文本将不起作用... 编辑: 不过这个!尽管在大多数情况下,前一个会表现更好。
肉脓措伪
放置在具有唯一
的
元素中,然后可以检索该元素并查询其位置。