如何根据另一个文本将文本定位在某个高度

Question

我是JS的新手，我甚至不知道我尝试做的是否可行。有些人告诉我“尝试javascript”，谷歌无法帮助我，因为它太具体了。

好的，首先我的页面中心有一些巨大的文字。到现在为止还挺好。称之为“主要文本”

然后，在正文的一侧，必须有另一个包含更多文本块的列。但这一次，这些集团必须与正文中发现的特定单词的高度保持一致。

您可能会更好地理解这张照片：

知道怎么做吗？谢谢！

Answer 1

使用CSS和HTML，不需要JavaScript。在CSS中你可以使用top：;垂直对齐元素，例如

.text {
    top: 40%;
}

这将使一个元素与类＆＃34; text＆＃34; 40％的页面从顶部开始。无论窗口大小如何，都使用％作为单位来正确对齐文本。

Answer 2

您不需要JavaScript来执行您要执行的操作。您所需要的只是CSS和html。 首先，您需要查看基本的html布局here。

看看这个Fiddle类似于你需要的东西

Answer 3

伙计们不理解你。由于很多原因，很难在div中找出单词的x / y位置。最好的方法是用一些标签（一种跨度或某种东西）包装所需的单词。这是一个jQuery plugin来做到这一点。 然后，您似乎没有麻烦找到标记的位置，例如使用jquery position method并将此位置添加到左侧列文本中。