Chrome字符无形但可搜索

时间:2014-09-16 08:44:48

标签: html google-chrome search font-size

我在一个研究项目中工作,我们有一个python脚本,可以生成突出显示多个单词的html文本。我想在滚动条上显示文本中这些突出显示的单词的位置。我们可以这样做的一种方法是在每个标记的单词后添加一个特殊字符(例如" $"),然后对该字符进行搜索。

我们希望这个角色不可见,以免在视觉上弄乱文本。

我尝试制作一个名为"隐藏"的span类,字体大小为0.这样可以隐藏$符号,但Chrome搜索突然不再指示滚动条上的位置。搜索框仍然显示" $"有57个结果,但滚动条高亮显示已消失,并单击"向上" " down"按钮不会将我带到下一个结果的位置。

我也尝试在文本中插入隐形逗号(&);但是没有设法搜索这些。

其他解决方案,任何人?

非常感谢!

1 个答案:

答案 0 :(得分:0)

您可以使用opacity: 0在视觉上隐藏元素,但不会删除字符空间 为了最小化空间,您可以将字体大小减小到最小值,如font-size: 1px